summaryrefslogtreecommitdiff
path: root/_bulma/node_modules/bulma/sass/components/modal.sass
diff options
context:
space:
mode:
Diffstat (limited to '_bulma/node_modules/bulma/sass/components/modal.sass')
-rw-r--r--_bulma/node_modules/bulma/sass/components/modal.sass113
1 files changed, 0 insertions, 113 deletions
diff --git a/_bulma/node_modules/bulma/sass/components/modal.sass b/_bulma/node_modules/bulma/sass/components/modal.sass
deleted file mode 100644
index 377dfa7..0000000
--- a/_bulma/node_modules/bulma/sass/components/modal.sass
+++ /dev/null
@@ -1,113 +0,0 @@
-$modal-z: 40 !default
-
-$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
-
-$modal-content-width: 640px !default
-$modal-content-margin-mobile: 20px !default
-$modal-content-spacing-mobile: 160px !default
-$modal-content-spacing-tablet: 40px !default
-
-$modal-close-dimensions: 40px !default
-$modal-close-right: 20px !default
-$modal-close-top: 20px !default
-
-$modal-card-spacing: 40px !default
-
-$modal-card-head-background-color: $background !default
-$modal-card-head-border-bottom: 1px solid $border !default
-$modal-card-head-padding: 20px !default
-$modal-card-head-radius: $radius-large !default
-
-$modal-card-title-color: $text-strong !default
-$modal-card-title-line-height: 1 !default
-$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: $scheme-main !default
-$modal-card-body-padding: 20px !default
-
-.modal
- @extend %overlay
- align-items: center
- display: none
- flex-direction: column
- justify-content: center
- overflow: hidden
- position: fixed
- z-index: $modal-z
- // Modifiers
- &.is-active
- display: flex
-
-.modal-background
- @extend %overlay
- background-color: $modal-background-background-color
-
-.modal-content,
-.modal-card
- margin: 0 $modal-content-margin-mobile
- max-height: calc(100vh - #{$modal-content-spacing-mobile})
- overflow: auto
- position: relative
- width: 100%
- // Responsiveness
- +tablet
- margin: 0 auto
- max-height: calc(100vh - #{$modal-content-spacing-tablet})
- width: $modal-content-width
-
-.modal-close
- @extend %delete
- background: none
- height: $modal-close-dimensions
- position: fixed
- right: $modal-close-right
- top: $modal-close-top
- width: $modal-close-dimensions
-
-.modal-card
- display: flex
- flex-direction: column
- max-height: calc(100vh - #{$modal-card-spacing})
- overflow: hidden
- -ms-overflow-y: visible
-
-.modal-card-head,
-.modal-card-foot
- align-items: center
- background-color: $modal-card-head-background-color
- display: flex
- flex-shrink: 0
- justify-content: flex-start
- padding: $modal-card-head-padding
- position: relative
-
-.modal-card-head
- border-bottom: $modal-card-head-border-bottom
- border-top-left-radius: $modal-card-head-radius
- border-top-right-radius: $modal-card-head-radius
-
-.modal-card-title
- color: $modal-card-title-color
- flex-grow: 1
- flex-shrink: 0
- font-size: $modal-card-title-size
- line-height: $modal-card-title-line-height
-
-.modal-card-foot
- border-bottom-left-radius: $modal-card-foot-radius
- border-bottom-right-radius: $modal-card-foot-radius
- border-top: $modal-card-foot-border-top
- .button
- &:not(:last-child)
- margin-right: 0.5em
-
-.modal-card-body
- +overflow-touch
- background-color: $modal-card-body-background-color
- flex-grow: 1
- flex-shrink: 1
- overflow: auto
- padding: $modal-card-body-padding