feat(css): CSS variables in Progress (#1254)

Orange-OpenSource · Jun 9, 2022 · 880be07 · 880be07
1 parent 671f7f2
commit 880be07
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/scss/_progress.scss b/scss/_progress.scss
@@ -16,6 +16,8 @@
  --#{$prefix}progress-border-radius: #{$progress-border-radius};
  --#{$prefix}progress-box-shadow: #{$progress-box-shadow};
  --#{$prefix}progress-bar-color: #{$progress-bar-color};
+ --#{$prefix}progress-bar-font-weight: #{$progress-bar-font-weight}; // Boosted mod
+ --#{$prefix}progress-bar-text-indent: #{$progress-bar-text-indent}; // Boosted mod
  --#{$prefix}progress-bar-bg: #{$progress-bar-bg};
  --#{$prefix}progress-bar-transition: #{$progress-bar-transition};
  // scss-docs-end progress-css-vars
@@ -48,9 +50,9 @@
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
- font-weight: $font-weight-bold; // Boosted mod
+ font-weight: var(--#{$prefix}progress-bar-font-weight); // Boosted mod
  color: var(--#{$prefix}progress-bar-color);
- text-indent: map-get($spacers, 2); // Boosted mod
+ text-indent: var(--#{$prefix}progress-bar-text-indent); // Boosted mod
  white-space: nowrap;
  background-color: var(--#{$prefix}progress-bar-bg);
  @include transition(var(--#{$prefix}progress-bar-transition));

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1714,6 +1714,8 @@ $progress-bg: $gray-300 !default;
 $progress-border-radius: $border-radius !default;
 $progress-box-shadow: $box-shadow-inset !default;
 $progress-bar-color: $black !default;
+$progress-bar-font-weight: $font-weight-bold !default; // Boosted mod
+$progress-bar-text-indent: map-get($spacers, 2) !default; // Boosted mod
 $progress-bar-bg: $primary !default;
 $progress-bar-animation-timing: 1s linear infinite !default;
 $progress-bar-transition: width .6s ease !default;