From: Mark Otto <markdotto@gmail.com>
Date: Sun, 9 Oct 2016 20:17:50 +0000 (-0700)
Subject: Change sm grid breakpoint and container max-width
X-Git-Tag: v4.0.0-alpha.5~47^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0d27e12d1f2773fb672513fbd025ac3f07e47660;p=thirdparty%2Fbootstrap.git

Change sm grid breakpoint and container max-width

Makes it so that the container is no longer wider than the breakpoint used in the media query. This was never really an issue in rendering as the max-width handled it appropriately, but the mismatch was still incorrect.

Fixes #18054
---

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 52bd0eb817..9f68239782 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -125,7 +125,7 @@ $link-hover-decoration: underline !default;
 
 $grid-breakpoints: (
   xs: 0,
-  sm: 544px,
+  sm: 576px,
   md: 768px,
   lg: 992px,
   xl: 1200px
@@ -138,7 +138,7 @@ $grid-breakpoints: (
 // Define the maximum width of `.container` for different screen sizes.
 
 $container-max-widths: (
-  sm: 576px,
+  sm: 540px,
   md: 720px,
   lg: 940px,
   xl: 1140px