From 880be078c9d670ac4492124b90710392beae7edf Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Thu, 9 Jun 2022 08:46:02 +0200 Subject: [PATCH] feat(css): CSS variables in Progress (#1254) --- scss/_progress.scss | 6 ++++-- scss/_variables.scss | 2 ++ 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/scss/_progress.scss b/scss/_progress.scss index 5eb793cd2c..9a2b873f14 100644 --- 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 index 0b6d128098..441324e7d9 100644 --- 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;