mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-28 10:24:19 +01:00
Introducing CSS var for rules
This commit is contained in:
parent
02ed5f24e3
commit
8610dff213
@ -66,11 +66,11 @@ body {
|
|||||||
// 1. Reset Firefox's gray color
|
// 1. Reset Firefox's gray color
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
margin: $hr-margin-y 0;
|
margin: var(--#{$prefix}hr-margin, $hr-margin-y 0);
|
||||||
color: $hr-color; // 1
|
color: var(--#{$prefix}hr-color, $hr-color); // 1
|
||||||
border: 0;
|
border: 0;
|
||||||
border-top: $hr-border-width solid $hr-border-color;
|
border-top: var(--#{$prefix}hr-width, $hr-border-width) solid var(--#{$prefix}hr-border-color, $hr-border-color);
|
||||||
opacity: $hr-opacity;
|
opacity: var(--#{$prefix}hr-opacity, $hr-opacity);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
.vr {
|
.vr {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
width: $vr-border-width;
|
width: var(--#{$prefix}vr-width, $vr-border-width);
|
||||||
min-height: 1em;
|
min-height: var(--#{$prefix}vr-height, 1em);
|
||||||
background-color: currentcolor;
|
background-color: currentcolor;
|
||||||
opacity: $hr-opacity;
|
opacity: var(--#{$prefix}vr-opacity, $hr-opacity);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user