0
0
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:
louismaxime.piton 2023-08-23 13:50:30 +02:00
parent 02ed5f24e3
commit 8610dff213
2 changed files with 7 additions and 7 deletions

View File

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

View File

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