rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-30 22:52:24 +01:00
Code Issues Actions Packages Releases Activity

bootstrap-grid.css: Only apply box-sizing: border-box to the columns instead of using the universal selector

Browse Source
This commit is contained in:
Martijn Cuppens 2019-12-14 12:45:26 +01:00
parent 66408b6e59
commit 5ac9fe8967
2 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
scss/bootstrap-grid.scss vendored
View File

@ -5,15 +5,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
$include-column-box-sizing: true !default;
@import "functions";
@import "variables";

2
scss/mixins/_grid.scss
View File

@ -10,6 +10,8 @@
}
@mixin make-col-ready($gutter: $grid-gutter-width) {
// Add box sizing if only the grid is loaded
box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);
// Prevent columns from becoming too narrow when at smaller grid tiers by
// always setting `width: 100%;`. This works because we set the width
// later on to override this initial width.