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

Include root.scss in all dist builds (#34773)

Browse Source 
* Remove the font-family-* override vars from Reboot build

* Update Reboot docs to mention CSS variables
This commit is contained in:
Mark Otto 2021-09-01 22:41:58 -07:00 committed by GitHub
parent 283cbd9026
commit d91480e3c7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.bundlewatch.config.json
View File

@ -10,11 +10,11 @@
},
{
"path": "./dist/css/bootstrap-reboot.css",
"maxSize": "2 kB"
"maxSize": "2.5 kB"
},
{
"path": "./dist/css/bootstrap-reboot.min.css",
"maxSize": "2 kB"
"maxSize": "2.35 kB"
},
{
"path": "./dist/css/bootstrap-utilities.css",

2
scss/bootstrap-grid.scss vendored
View File

@ -18,6 +18,8 @@ $include-column-box-sizing: true !default;
@import "vendor/rfs";
@import "root";
@import "containers";
@import "grid";

4
scss/bootstrap-reboot.scss vendored
View File

@ -8,8 +8,6 @@
@import "functions";
@import "variables";
// Prevent the usage of custom properties since we don't add them to `:root` in reboot
$font-family-base: $font-family-sans-serif; // stylelint-disable-line scss/dollar-variable-default
$font-family-code: $font-family-monospace; // stylelint-disable-line scss/dollar-variable-default
@import "mixins";
@import "root";
@import "reboot";

6
site/content/docs/5.1/content/reboot.md
View File

@ -18,6 +18,12 @@ Here are our guidelines and reasons for choosing what to override in Reboot:
- For easier scaling across device sizes, block elements should use `rem`s for `margin`s.
- Keep declarations of `font`-related properties to a minimum, using `inherit` whenever possible.
## CSS variables
<small class="d-inline-flex px-2 py-1 font-monospace text-muted border rounded-3">Added in v5.1.1</small>
With v5.1.1, we standardized our required `@import`s across all our CSS bundles (including `bootstrap.css`, `bootstrap-reboot.css`, and `bootstrap-grid.css` to include `_root.scss` . This adds `:root` level CSS variables to all bundles, regardless of how many of them are used in that bundle. Ultimately Bootstrap 5 will continue to see more CSS variables added over time.
## Page defaults
The `<html>` and `<body>` elements are updated to provide better page-wide defaults. More specifically: