diff options
Diffstat (limited to 'alphabetlearning/static/scss/mixins/_backdrop.scss')
| -rw-r--r-- | alphabetlearning/static/scss/mixins/_backdrop.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/alphabetlearning/static/scss/mixins/_backdrop.scss b/alphabetlearning/static/scss/mixins/_backdrop.scss new file mode 100644 index 0000000..9705ae9 --- /dev/null +++ b/alphabetlearning/static/scss/mixins/_backdrop.scss @@ -0,0 +1,14 @@ +// Shared between modals and offcanvases +@mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) { + position: fixed; + top: 0; + left: 0; + z-index: $zindex; + width: 100vw; + height: 100vh; + background-color: $backdrop-bg; + + // Fade for backdrop + &.fade { opacity: 0; } + &.show { opacity: $backdrop-opacity; } +} |