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
|
||||
|
||||
hr {
|
||||
margin: $hr-margin-y 0;
|
||||
color: $hr-color; // 1
|
||||
margin: var(--#{$prefix}hr-margin, $hr-margin-y 0);
|
||||
color: var(--#{$prefix}hr-color, $hr-color); // 1
|
||||
border: 0;
|
||||
border-top: $hr-border-width solid $hr-border-color;
|
||||
opacity: $hr-opacity;
|
||||
border-top: var(--#{$prefix}hr-width, $hr-border-width) solid var(--#{$prefix}hr-border-color, $hr-border-color);
|
||||
opacity: var(--#{$prefix}hr-opacity, $hr-opacity);
|
||||
}
|
||||
|
||||
|
||||
|
@ -1,8 +1,8 @@
|
||||
.vr {
|
||||
display: inline-block;
|
||||
align-self: stretch;
|
||||
width: $vr-border-width;
|
||||
min-height: 1em;
|
||||
width: var(--#{$prefix}vr-width, $vr-border-width);
|
||||
min-height: var(--#{$prefix}vr-height, 1em);
|
||||
background-color: currentcolor;
|
||||
opacity: $hr-opacity;
|
||||
opacity: var(--#{$prefix}vr-opacity, $hr-opacity);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user