library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add variable for modal breakpoint

Browse Source
This commit is contained in:
Justin Sleep 2020-09-02 15:54:33 -05:00 committed by Jeremy Thomas
parent 5e4bf5ed55
commit 76ede5a75b
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
sass/components/modal.sass
View File

@ -28,6 +28,8 @@ $modal-card-foot-border-top: 1px solid $border !default
$modal-card-body-background-color: $scheme-main !default $modal-card-body-background-color: $scheme-main !default
$modal-card-body-padding: 20px !default $modal-card-body-padding: 20px !default
$modal-breakpoint: $tablet !default
.modal .modal
@extend %overlay @extend %overlay
align-items: center align-items: center
@ -53,7 +55,7 @@ $modal-card-body-padding: 20px !default
position: relative position: relative
width: 100% width: 100%
// Responsiveness // Responsiveness
+tablet +from($modal-breakpoint)
margin: 0 auto margin: 0 auto
max-height: calc(100vh - #{$modal-content-spacing-tablet}) max-height: calc(100vh - #{$modal-content-spacing-tablet})
width: $modal-content-width width: $modal-content-width