diff options
author | Yan Zhu <picturepan2@hotmail.com> | 2017-09-27 20:00:38 +0300 |
---|---|---|
committer | Yan Zhu <picturepan2@hotmail.com> | 2017-09-27 20:00:38 +0300 |
commit | 840c25a2e3cd07f9b5726ceeb4b15f44dc95d7fb (patch) | |
tree | 6005373865023282fe6a819924dc5ad80e57cb59 /src | |
parent | c6efc22744a47442a77690d92c62feefd374a44c (diff) |
Add Large Modals #293
Diffstat (limited to 'src')
-rw-r--r-- | src/_modals.scss | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/src/_modals.scss b/src/_modals.scss index 21d6ed8..ced52a8 100644 --- a/src/_modals.scss +++ b/src/_modals.scss @@ -32,13 +32,25 @@ .modal-container { animation: slide-down .2s ease 1; max-width: 640px; + width: 100%; z-index: $zindex-0; } } &.modal-sm { .modal-container { - max-width: $control-max-width; + max-width: 320px; + } + } + + &.modal-lg { + .modal-overlay { + background: $bg-color-light; + } + + .modal-container { + box-shadow: none; + max-width: 960px; } } } @@ -52,7 +64,7 @@ text-align: left; .modal-header { - padding: $layout-spacing-lg; + padding: $unit-4 $unit-6; .modal-title { margin: 0; @@ -62,12 +74,12 @@ .modal-body { max-height: 50vh; overflow-y: auto; - padding: $layout-spacing-lg; + padding: $unit-4 $unit-6; position: relative; } .modal-footer { - padding: $layout-spacing-lg; + padding: $unit-4 $unit-6; text-align: right; } } |