diff options
| author | Mark Otto <[email protected]> | 2022-03-13 10:13:09 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-03-13 10:13:09 -0700 |
| commit | acf6ea74a74328bcaa9f1c354f27e602cfbb8968 (patch) | |
| tree | 61aad18d82ea3eeab848a8215826d55106f519d6 /scss/_reboot.scss | |
| parent | 7c966f584889c6dfb0f1a70dd1757b2d237a68a0 (diff) | |
| download | bootstrap-acf6ea74a74328bcaa9f1c354f27e602cfbb8968.tar.xz bootstrap-acf6ea74a74328bcaa9f1c354f27e602cfbb8968.zip | |
Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)
* Add additional root variables, rename $variable-prefix to $prefix
- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout
* Bundlewatch
Diffstat (limited to 'scss/_reboot.scss')
| -rw-r--r-- | scss/_reboot.scss | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 259f59eb4..0f05de742 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -27,7 +27,7 @@ :root { @if $font-size-root != null { - font-size: var(--#{$variable-prefix}root-font-size); + font-size: var(--#{$prefix}root-font-size); } @if $enable-smooth-scroll { @@ -48,13 +48,13 @@ // scss-docs-start reboot-body-rules body { margin: 0; // 1 - font-family: var(--#{$variable-prefix}body-font-family); - font-size: var(--#{$variable-prefix}body-font-size); - font-weight: var(--#{$variable-prefix}body-font-weight); - line-height: var(--#{$variable-prefix}body-line-height); - color: var(--#{$variable-prefix}body-color); - text-align: var(--#{$variable-prefix}body-text-align); - background-color: var(--#{$variable-prefix}body-bg); // 2 + font-family: var(--#{$prefix}body-font-family); + font-size: var(--#{$prefix}body-font-size); + font-weight: var(--#{$prefix}body-font-weight); + line-height: var(--#{$prefix}body-line-height); + color: var(--#{$prefix}body-color); + text-align: var(--#{$prefix}body-text-align); + background-color: var(--#{$prefix}body-bg); // 2 -webkit-text-size-adjust: 100%; // 3 -webkit-tap-highlight-color: rgba($black, 0); // 4 } @@ -87,7 +87,7 @@ hr { font-style: $headings-font-style; font-weight: $headings-font-weight; line-height: $headings-line-height; - color: $headings-color; + color: var(--#{$prefix}heading-color); } h1 { @@ -219,7 +219,7 @@ small { mark { padding: $mark-padding; - background-color: $mark-bg; + background-color: var(--#{$prefix}highlight-bg); } @@ -243,11 +243,11 @@ sup { top: -.5em; } // Links a { - color: $link-color; + color: var(--#{$prefix}link-color); text-decoration: $link-decoration; &:hover { - color: $link-hover-color; + color: var(--#{$prefix}link-hover-color); text-decoration: $link-hover-decoration; } } @@ -298,7 +298,7 @@ pre { code { @include font-size($code-font-size); - color: $code-color; + color: var(--#{$prefix}code-color); word-wrap: break-word; // Streamline the style when inside anchors to avoid broken underline and more |