diff options
Diffstat (limited to 'assets/vendor/bulma/sass/components/modal.sass')
| -rw-r--r-- | assets/vendor/bulma/sass/components/modal.sass | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/assets/vendor/bulma/sass/components/modal.sass b/assets/vendor/bulma/sass/components/modal.sass index f2cdfc8..f352744 100644 --- a/assets/vendor/bulma/sass/components/modal.sass +++ b/assets/vendor/bulma/sass/components/modal.sass @@ -1,6 +1,6 @@ $modal-z: 40 !default -$modal-background-background-color: rgba($black, 0.86) !default +$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default $modal-content-width: 640px !default $modal-content-margin-mobile: 20px !default @@ -25,13 +25,14 @@ $modal-card-title-size: $size-4 !default $modal-card-foot-radius: $radius-large !default $modal-card-foot-border-top: 1px solid $border !default -$modal-card-body-background-color: $white !default +$modal-card-body-background-color: $scheme-main !default $modal-card-body-padding: 20px !default .modal - +overlay + @extend %overlay align-items: center display: none + flex-direction: column justify-content: center overflow: hidden position: fixed @@ -41,7 +42,7 @@ $modal-card-body-padding: 20px !default display: flex .modal-background - +overlay + @extend %overlay background-color: $modal-background-background-color .modal-content, @@ -58,11 +59,11 @@ $modal-card-body-padding: 20px !default width: $modal-content-width .modal-close - +delete + @extend %delete background: none height: $modal-close-dimensions position: fixed - right: $modal-close-right + +ltr-position($modal-close-right) top: $modal-close-top width: $modal-close-dimensions @@ -70,7 +71,8 @@ $modal-card-body-padding: 20px !default display: flex flex-direction: column max-height: calc(100vh - #{$modal-card-spacing}) - overflow: auto + overflow: hidden + -ms-overflow-y: visible .modal-card-head, .modal-card-foot @@ -100,12 +102,12 @@ $modal-card-body-padding: 20px !default border-top: $modal-card-foot-border-top .button &:not(:last-child) - margin-right: 10px + +ltr-property("margin", 0.5em) .modal-card-body +overflow-touch background-color: $modal-card-body-background-color flex-grow: 1 flex-shrink: 1 - overflow: unset + overflow: auto padding: $modal-card-body-padding |