mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 12:21:35 +02:00
Code Issues Releases Wiki Activity

Add Sass variable for CSS variable prefix (#31684)

Browse Source 
* Add Sass variable for CSS variable prefix

* Update other --bs-* var instances
This commit is contained in:
Mark Otto
2020-09-29 22:32:58 -07:00
committed by GitHub
parent 7e195a8d22
commit 3cf51c6ac9
9 changed files with 56 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
scss/forms/_form-check.scss
View File

@@ -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);
}

10
scss/forms/_form-file.scss
View File

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