mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-28 15:50:01 +02:00
Code Issues Releases Wiki Activity

Convert progress bars to CSS variables (#35962)

Browse Source 
* Convert progress bars to CSS variables

* bundlewatch
This commit is contained in:
Mark Otto
2022-03-18 09:02:03 -07:00
committed by GitHub
parent b165f35f78
commit 88bd287b27
3 changed files with 31 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
site/content/docs/5.1/components/progress.md
View File

@@ -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