diff options
| author | Justin Sleep <justin@midnightmechanism.com> | 2020-09-02 23:54:33 +0300 |
|---|---|---|
| committer | Jeremy Thomas <bbxdesign@gmail.com> | 2020-09-03 00:09:01 +0300 |
| commit | 76ede5a75b42859351d44906bebaf5e4954dc306 (patch) | |
| tree | 2123e218054090d9b969faf18d5a9b6a8e5cb6a5 /sass | |
| parent | 5e4bf5ed5584e532179bbd236d65451d45ffd9f4 (diff) | |
Add variable for modal breakpoint
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/components/modal.sass | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/sass/components/modal.sass b/sass/components/modal.sass index f352744a..3992f296 100644 --- a/sass/components/modal.sass +++ b/sass/components/modal.sass @@ -28,6 +28,8 @@ $modal-card-foot-border-top: 1px solid $border !default $modal-card-body-background-color: $scheme-main !default $modal-card-body-padding: 20px !default +$modal-breakpoint: $tablet !default + .modal @extend %overlay align-items: center @@ -53,7 +55,7 @@ $modal-card-body-padding: 20px !default position: relative width: 100% // Responsiveness - +tablet + +from($modal-breakpoint) margin: 0 auto max-height: calc(100vh - #{$modal-content-spacing-tablet}) width: $modal-content-width |