diff options
author | Mark Otto <markd.otto@gmail.com> | 2022-03-18 19:02:03 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-18 19:02:03 +0300 |
commit | 88bd287b27c8097ca02347038dbb0b321b71d169 (patch) | |
tree | cf93b2c4a4553027035a4261217138971379a4ae /site | |
parent | b165f35f7808b59f4e09ec518caa441e30830fbb (diff) |
Convert progress bars to CSS variables (#35962)
* Convert progress bars to CSS variables
* bundlewatch
Diffstat (limited to 'site')
-rw-r--r-- | site/content/docs/5.1/components/progress.md | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/site/content/docs/5.1/components/progress.md b/site/content/docs/5.1/components/progress.md index fccd546c60..8fbba3be77 100644 --- a/site/content/docs/5.1/components/progress.md +++ b/site/content/docs/5.1/components/progress.md @@ -129,10 +129,18 @@ The striped gradient can also be animated. Add `.progress-bar-animated` to `.pro </div> {{< /example >}} -## Sass +## CSS ### Variables +{{< added-in "5.2.0" >}} + +As part of Bootstrap's evolving CSS variables approach, progress bars now use local CSS variables on `.progress` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. + +{{< scss-docs name="progress-css-vars" file="scss/_progress.scss" >}} + +### Sass variables + {{< scss-docs name="progress-variables" file="scss/_variables.scss" >}} ### Keyframes |