aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2020-04-01 14:31:29 -0700
committerMark Otto <[email protected]>2020-04-13 13:55:34 -0700
commit6fdb8e6e6825f40f0b4c18fd226a64b2275ea706 (patch)
tree06e56b198d3ba754501ee47d4070394ec7b14cc5
parent1004e3e786f707853043dd427317cd4033a04211 (diff)
downloadbootstrap-6fdb8e6e6825f40f0b4c18fd226a64b2275ea706.tar.xz
bootstrap-6fdb8e6e6825f40f0b4c18fd226a64b2275ea706.zip
Add an xxl grid tier
- Staring at my laptop, I realized I'm wasting away space. This adds a significant amount of CSS, but it feels right already. - Added the xxl tier with a width that divides by 12 - Motivation was originally trying to have a third column for our toc so that our docs are more useful
-rw-r--r--scss/_variables.scss6
1 files changed, 4 insertions, 2 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6123f3ce1..0be9a9ab1 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -276,7 +276,8 @@ $grid-breakpoints: (
sm: 576px,
md: 768px,
lg: 992px,
- xl: 1200px
+ xl: 1200px,
+ xxl: 1400px
) !default;
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@@ -291,7 +292,8 @@ $container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
- xl: 1140px
+ xl: 1140px,
+ xxl: 1320px
) !default;
@include _assert-ascending($container-max-widths, "$container-max-widths");