| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- /* Progress
- ******************************************************************************* */
-
- .progress {
- --#{$prefix}progress-bar-shadow-color: #{$progress-bar-shadow-color};
- overflow: initial;
- .progress-bar {
- background-color: var(--#{$prefix}primary);
- box-shadow: 0 2px 4px 0 var(--#{$prefix}progress-bar-shadow-color);
- color: var(--#{$prefix}white);
- }
-
- .progress-bar:first-child {
- @include border-start-radius($progress-border-radius);
- }
- .progress-bar:last-child {
- @include border-end-radius($progress-border-radius);
- }
- }
-
- /* RTL
- ******************************************************************************* */
-
- :dir(rtl) {
- .progress-bar-striped {
- @include gradient-striped(rgba($white, .15), -45deg);
- }
-
- .progress-bar-animated {
- animation-direction: reverse;
- }
- }
-
- [data-bs-theme="dark"] {
- .progress {
- --#{$prefix}progress-bg: #{$progress-bg-dark};
- }
- }
-
- @each $state in map-keys($theme-colors) {
- .progress-bar.bg-#{$state} {
- --#{$prefix}progress-bar-shadow-color: rgba(var(--#{$prefix}#{$state}-rgb), .4);
- }
- }
|