diff options
1 files changed, 33 insertions, 5 deletions
| -rw-r--r-- | src/modals.less | 38 |
diff --git a/src/modals.less b/src/modals.less index 4ef3652..4aaacd3 100644 --- a/src/modals.less +++ b/src/modals.less @@ -1,21 +1,42 @@ // Modals -.modal { +.modal.active { + display: flex; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + overflow: hidden; + z-index: 499; + + .modal-overlay { + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, .75); + } +} +.modal-container { display: block; text-align: left; - margin: 0; + margin: 0 auto; padding: 0; border-radius: .3rem; background-color: #fff; z-index: 999; .shadow; - .centered; .modal-header { padding: 1.5rem; - border-bottom: 1px solid @core-border-color; .modal-title { margin: 0; + font-size: 1.5rem; } } .modal-body { @@ -30,7 +51,14 @@ } } @media screen and (min-width: 640px) { - .modal { + .modal-container { width: 64rem; } +} +@media screen and (min-width: 320px) { + .modal-sm { + .modal-container { + width: 32rem; + } + } }
\ No newline at end of file |