mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-24 14:13:06 +02:00
Code Issues Releases Wiki 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
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) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ */
html { $include-column-box-sizing: true !default;
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
@import "functions"; @import "functions";
@import "variables"; @import "variables";

2
scss/mixins/_grid.scss
View File

@@ -10,6 +10,8 @@
} }
@mixin make-col-ready($gutter: $grid-gutter-width) { @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 // Prevent columns from becoming too narrow when at smaller grid tiers by
// always setting `width: 100%;`. This works because we set the width // always setting `width: 100%;`. This works because we set the width
// later on to override this initial width. // later on to override this initial width.