diff options
| author | Mark Otto <markd.otto@gmail.com> | 2022-03-13 20:13:09 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-03-13 20:13:09 +0300 |
| commit | acf6ea74a74328bcaa9f1c354f27e602cfbb8968 (patch) | |
| tree | 61aad18d82ea3eeab848a8215826d55106f519d6 /site | |
| parent | 7c966f584889c6dfb0f1a70dd1757b2d237a68a0 (diff) | |
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 'site')
| -rw-r--r-- | site/assets/scss/_component-examples.scss | 4 | ||||
| -rw-r--r-- | site/content/docs/5.1/customize/css-variables.md | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index 31a5063a7c..1c789a8ff9 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -194,7 +194,7 @@ width: 10rem; color: $gray-600; background-color: $gray-100; - border: var(--#{$variable-prefix}border-width) solid var(--#{$variable-prefix}border-color); + border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color); > div { display: flex; @@ -280,7 +280,7 @@ .bd-example-border-utils-0 { [class^="border"] { - border: var(--#{$variable-prefix}border-width) solid var(--#{$variable-prefix}border-color); + border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color); } } diff --git a/site/content/docs/5.1/customize/css-variables.md b/site/content/docs/5.1/customize/css-variables.md index 06a4cbdb98..13142f6ad7 100644 --- a/site/content/docs/5.1/customize/css-variables.md +++ b/site/content/docs/5.1/customize/css-variables.md @@ -40,7 +40,7 @@ Whenever possible, we'll assign CSS variables at the base component level (e.g., Most CSS variables use a prefix to avoid collisions with your own codebase. This prefix is in addition to the `--` that's required on every CSS variable. -Customize the prefix via the `$variable-prefix` Sass variable. By default, it's set to `bs-` (note the trailing dash). +Customize the prefix via the `$prefix` Sass variable. By default, it's set to `bs-` (note the trailing dash). ## Examples |