veilid-dot-com/themes/veilid/assets/scss/bootstrap/mixins/_backdrop.scss
2023-08-15 15:25:21 -04:00

15 lines
328 B
SCSS

// 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; }
}