mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00
Code Activity

pull in latest from old theming page

Browse Source
This commit is contained in:
Mark Otto
2020-04-15 17:11:16 -07:00
committed by Mark Otto
parent 88490fe81d
commit 1e3672418a
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/content/docs/4.3/customize/css-variables.md
+5 -3
View File
@@ -6,7 +6,9 @@ group: customize
toc: true
---
Bootstrap 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 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
@@ -32,9 +34,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 >}}