diff options
| author | louismaximepiton <louismaxime.piton@orange.com> | 2022-08-24 16:42:02 +0300 |
|---|---|---|
| committer | Mark Otto <otto@github.com> | 2022-09-01 04:04:09 +0300 |
| commit | a0238d126b385044bd7cb16bdc9118f3d44e016f (patch) | |
| tree | 9125a68439e4216af716793d0a5c58f82583ff0d /scss | |
| parent | 4cea8b1786ddbe365747cabebe9bee44d70a3b6d (diff) | |
Adding missing CSS variables for `z-index`
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_dropdown.scss | 3 | ||||
| -rw-r--r-- | scss/_offcanvas.scss | 3 | ||||
| -rw-r--r-- | scss/_toasts.scss | 3 |
3 files changed, 6 insertions, 3 deletions
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index 62125b9678..8899d25a0d 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -18,6 +18,7 @@ // The dropdown menu .dropdown-menu { // scss-docs-start dropdown-css-vars + --#{$prefix}dropdown-zindex: #{$zindex-dropdown}; --#{$prefix}dropdown-min-width: #{$dropdown-min-width}; --#{$prefix}dropdown-padding-x: #{$dropdown-padding-x}; --#{$prefix}dropdown-padding-y: #{$dropdown-padding-y}; @@ -46,7 +47,7 @@ // scss-docs-end dropdown-css-vars position: absolute; - z-index: $zindex-dropdown; + z-index: var(--#{$prefix}dropdown-zindex); display: none; // none by default, but block on "open" of the menu min-width: var(--#{$prefix}dropdown-min-width); padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-x); diff --git a/scss/_offcanvas.scss b/scss/_offcanvas.scss index 5709479dc4..766e6c15a9 100644 --- a/scss/_offcanvas.scss +++ b/scss/_offcanvas.scss @@ -2,6 +2,7 @@ %offcanvas-css-vars { // scss-docs-start offcanvas-css-vars + --#{$prefix}offcanvas-zindex: #{$zindex-offcanvas}; --#{$prefix}offcanvas-width: #{$offcanvas-horizontal-width}; --#{$prefix}offcanvas-height: #{$offcanvas-vertical-height}; --#{$prefix}offcanvas-padding-x: #{$offcanvas-padding-x}; @@ -31,7 +32,7 @@ @include media-breakpoint-down($next) { position: fixed; bottom: 0; - z-index: $zindex-offcanvas; + z-index: var(--#{$prefix}offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; diff --git a/scss/_toasts.scss b/scss/_toasts.scss index 68ed8ab7c0..a5e481c45a 100644 --- a/scss/_toasts.scss +++ b/scss/_toasts.scss @@ -1,5 +1,6 @@ .toast { // scss-docs-start toast-css-vars + --#{$prefix}toast-zindex: #{$zindex-toast}; --#{$prefix}toast-padding-x: #{$toast-padding-x}; --#{$prefix}toast-padding-y: #{$toast-padding-y}; --#{$prefix}toast-spacing: #{$toast-spacing}; @@ -38,7 +39,7 @@ .toast-container { position: absolute; - z-index: $zindex-toast; + z-index: var(--#{$prefix}toast-zindex); width: max-content; max-width: 100%; pointer-events: none; |