root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

pull in latest from old theming page

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
site/content/docs/4.3/customize/css-variables.md
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 >}}

1
site/content/docs/4.3/customize/options.md
View File

@ -23,6 +23,7 @@ You can find and customize these variables for key global options in Bootstrap's
| `$enable-button-pointers` | `true` (default) or `false` | Add "hand" cursor to non-disabled button elements. |
| `$enable-rfs` | `true` (default) or `false` | Globally enables [RFS]({{< docsref "/getting-started/rfs" >}}). |
| `$enable-validation-icons` | `true` (default) or `false` | Enables `background-image` icons within textual inputs and some custom forms for validation states. |
| `$enable-negative-margins` | `true` or `false` (default) | Enables the generation of [negative margin utilities]({{< docsref "/utilities/spacing#negative-margin" >}}). |
| `$enable-deprecation-messages` | `true` or `false` (default) | Set to `true` to show warnings when using any of the deprecated mixins and functions that are planned to be removed in `v5`. |
| `$enable-important-utilities` | `true` (default) or `false` | Enables the `!important` suffix in utility classes. |
{{< /table >}}