summaryrefslogtreecommitdiffstats
path: root/scss/mixins/_backdrop.scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss/mixins/_backdrop.scss')
-rw-r--r--scss/mixins/_backdrop.scss14
1 files changed, 14 insertions, 0 deletions
diff --git a/scss/mixins/_backdrop.scss b/scss/mixins/_backdrop.scss
new file mode 100644
index 0000000..9705ae9
--- /dev/null
+++ b/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; }
+}