X-Git-Url: https://gerrit.fd.io/r/gitweb?a=blobdiff_plain;f=csit.infra.dash%2Fapp%2Fpal%2Fstatic%2Fsass%2Fbootstrap%2Fmixins%2F_backdrop.scss;fp=csit.infra.dash%2Fapp%2Fpal%2Fstatic%2Fsass%2Fbootstrap%2Fmixins%2F_backdrop.scss;h=9705ae9eea54f094bf2359cd8f692bde2f08d4c4;hb=d6a60b5043c6f7c3dfc45853feb68d0aca5a4a5f;hp=0000000000000000000000000000000000000000;hpb=d2ef7bc01df66f6a27f25d061db064cf4a463267;p=csit.git

diff --git a/csit.infra.dash/app/pal/static/sass/bootstrap/mixins/_backdrop.scss b/csit.infra.dash/app/pal/static/sass/bootstrap/mixins/_backdrop.scss
new file mode 100644
index 0000000000..9705ae9eea
--- /dev/null
+++ b/csit.infra.dash/app/pal/static/sass/bootstrap/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; }
+}