1 files changed, 17 insertions, 0 deletions
diff --git a/templates/assets/bootstrap-material-design/scss/mixins/_layout.scss b/templates/assets/bootstrap-material-design/scss/mixins/_layout.scss
new file mode 100644
index 0000000..1a2394c
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/mixins/_layout.scss
@@ -0,0 +1,17 @@
+// Generates the `.in` style for the generic backdrop used components such as the drawer in overlay mode
+@mixin bmd-layout-backdrop-in() {
+
+  > .bmd-layout-backdrop {
+    .in {
+      visibility: visible;
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    @supports (pointer-events: auto) {
+      &.in {
+        pointer-events: auto;
+        opacity: 1;
+      }
+    }
+  }
+}