mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 04:41:36 +02:00
Code Issues Releases Wiki Activity

Add bs- prefixes to custom properties (#30591)

Browse Source
This commit is contained in:
Martijn Cuppens
2020-04-15 18:52:16 +02:00
committed by GitHub
parent f0abe26b98
commit 8cdb057111
6 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
site/content/docs/4.3/getting-started/theming.md
View File

@@ -399,7 +399,7 @@ Should you need to modify your `$grid-breakpoints`, your changes will apply to a
## CSS variables
Bootstrap 4 includes around two dozen [CSS custom properties (variables)](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) in its compiled CSS. These provide easy access to commonly used values like our theme colors, breakpoints, and primary font stacks when working in your browser's Inspector, a code sandbox, or general prototyping.
Bootstrap 4 includes around two dozen [CSS custom properties (variables)](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) in its compiled CSS. These provide easy access to commonly used values like our theme colors and primary font stacks when working in your browser's Inspector, a code sandbox, or general prototyping. All our custom properties are prefixed with `bs-` to avoid conflicts with third party CSS.
### Available variables
@@ -425,9 +425,9 @@ CSS variables offer similar flexibility to Sass's variables, but without the nee
{{< highlight css >}}
body {
font: 1rem/1.5 var(--font-family-sans-serif);
font: 1rem/1.5 var(--bs-font-sans-serif);
}
a {
color: var(--blue);
color: var(--bs-blue);
}
{{< /highlight >}}