From: louismaxime.piton <louismaxime.piton@orange.com>
Date: Wed, 23 Aug 2023 11:50:30 +0000 (+0200)
Subject: Introducing CSS var for rules
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fheads%2Fmain-lmp-new-css-var;p=thirdparty%2Fbootstrap.git

Introducing CSS var for rules
---

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 81ea21617d..901f4681d9 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -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);
 }
 
 
diff --git a/scss/helpers/_vr.scss b/scss/helpers/_vr.scss
index b6f9d42cb1..c92e44e66d 100644
--- a/scss/helpers/_vr.scss
+++ b/scss/helpers/_vr.scss
@@ -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);
 }