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