diff options
| author | Mark Otto <[email protected]> | 2020-09-29 22:32:58 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-09-30 08:32:58 +0300 |
| commit | 3cf51c6ac95c4702efc632a7983019c71f77d4b3 (patch) | |
| tree | 3ab0d8655566986824d5a9c1960913b38fe3e067 /scss/forms | |
| parent | 7e195a8d22564fa9a555789784a36f26ed697681 (diff) | |
| download | bootstrap-3cf51c6ac95c4702efc632a7983019c71f77d4b3.tar.xz bootstrap-3cf51c6ac95c4702efc632a7983019c71f77d4b3.zip | |
Add Sass variable for CSS variable prefix (#31684)
* Add Sass variable for CSS variable prefix
* Update other --bs-* var instances
Diffstat (limited to 'scss/forms')
| -rw-r--r-- | scss/forms/_form-check.scss | 8 | ||||
| -rw-r--r-- | scss/forms/_form-file.scss | 10 |
2 files changed, 9 insertions, 9 deletions
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index 16a27246a..77af825f5 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -53,7 +53,7 @@ &[type="checkbox"] { @if $enable-gradients { - background-image: escape-svg($form-check-input-checked-bg-image), var(--bs-gradient); + background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$variable-prefix}gradient); } @else { background-image: escape-svg($form-check-input-checked-bg-image); } @@ -61,7 +61,7 @@ &[type="radio"] { @if $enable-gradients { - background-image: escape-svg($form-check-radio-checked-bg-image), var(--bs-gradient); + background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient); } @else { background-image: escape-svg($form-check-radio-checked-bg-image); } @@ -73,7 +73,7 @@ border-color: $form-check-input-indeterminate-border-color; @if $enable-gradients { - background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--bs-gradient); + background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$variable-prefix}gradient); } @else { background-image: escape-svg($form-check-input-indeterminate-bg-image); } @@ -122,7 +122,7 @@ background-position: $form-switch-checked-bg-position; @if $enable-gradients { - background-image: escape-svg($form-switch-checked-bg-image), var(--bs-gradient); + background-image: escape-svg($form-switch-checked-bg-image), var(--#{$variable-prefix}gradient); } @else { background-image: escape-svg($form-switch-checked-bg-image); } diff --git a/scss/forms/_form-file.scss b/scss/forms/_form-file.scss index 5bc4afc69..228d9adf3 100644 --- a/scss/forms/_form-file.scss +++ b/scss/forms/_form-file.scss @@ -1,5 +1,5 @@ .form-file { - --bs-form-file-height: #{$form-file-height}; + --#{$variable-prefix}form-file-height: #{$form-file-height}; position: relative; } @@ -7,7 +7,7 @@ position: relative; z-index: 2; width: 100%; - height: var(--bs-form-file-height); + height: var(--#{$variable-prefix}form-file-height); margin: 0; opacity: 0; @@ -32,7 +32,7 @@ left: 0; z-index: 1; display: flex; - height: var(--bs-form-file-height); + height: var(--#{$variable-prefix}form-file-height); border-color: $form-file-border-color; @include border-radius($form-file-border-radius); @include box-shadow($form-file-box-shadow); @@ -71,7 +71,7 @@ } .form-file-sm { - --bs-form-file-height: #{$form-file-height-sm}; + --#{$variable-prefix}form-file-height: #{$form-file-height-sm}; @include font-size($form-file-font-size-sm); .form-file-text, @@ -81,7 +81,7 @@ } .form-file-lg { - --bs-form-file-height: #{$form-file-height-lg}; + --#{$variable-prefix}form-file-height: #{$form-file-height-lg}; @include font-size($form-file-font-size-lg); .form-file-text, |