aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2016-10-27 09:31:38 -0700
committerMark Otto <[email protected]>2016-10-27 09:31:38 -0700
commit115a37db1a21dd249daf852cbd71cbd5ad1b7c3f (patch)
tree5661d4de225ce4c331e7384ee6f5c8c364b1fb74
parent3cc023990369168aa451bf49a69b7fb4a2dcaa67 (diff)
downloadbootstrap-115a37db1a21dd249daf852cbd71cbd5ad1b7c3f.tar.xz
bootstrap-115a37db1a21dd249daf852cbd71cbd5ad1b7c3f.zip
Change variable for modal backdrop zindex, rearrange to be ordered from lowest to highest
-rw-r--r--docs/layout/overview.md6
-rw-r--r--scss/_modal.scss2
-rw-r--r--scss/_variables.scss6
3 files changed, 7 insertions, 7 deletions
diff --git a/docs/layout/overview.md b/docs/layout/overview.md
index 5b5ceb16c..c22203fde 100644
--- a/docs/layout/overview.md
+++ b/docs/layout/overview.md
@@ -166,12 +166,12 @@ We don't encourage customization of these values; should you change one, you lik
$zindex-dropdown-backdrop: 990 !default;
$zindex-navbar: 1000 !default;
$zindex-dropdown: 1000 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
$zindex-navbar-fixed: 1030 !default;
$zindex-navbar-sticky: 1030 !default;
-$zindex-modal-bg: 1040 !default;
+$zindex-modal-backdrop: 1040 !default;
$zindex-modal: 1050 !default;
+$zindex-popover: 1060 !default;
+$zindex-tooltip: 1070 !default;
```
Background elements—like the backdrops that allow click-dismissing—tend to reside on a lower `z-index`s, while navigation and popovers utilize higher `z-index`s to ensure they overlay surrounding content.
diff --git a/scss/_modal.scss b/scss/_modal.scss
index 39554581d..f44cc7b32 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -64,7 +64,7 @@
right: 0;
bottom: 0;
left: 0;
- z-index: $zindex-modal-bg;
+ z-index: $zindex-modal-backdrop;
background-color: $modal-backdrop-bg;
// Fade for backdrop
diff --git a/scss/_variables.scss b/scss/_variables.scss
index ecb79d1ba..cafd887c1 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -526,12 +526,12 @@ $dropdown-header-color: $gray-light !default;
$zindex-dropdown-backdrop: 990 !default;
$zindex-navbar: 1000 !default;
$zindex-dropdown: 1000 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
$zindex-navbar-fixed: 1030 !default;
$zindex-navbar-sticky: 1030 !default;
-$zindex-modal-bg: 1040 !default;
+$zindex-modal-backdrop: 1040 !default;
$zindex-modal: 1050 !default;
+$zindex-popover: 1060 !default;
+$zindex-tooltip: 1070 !default;
// 16. Navbar