From 8610dff2135bdfd2c987e1448d34f46b35a27ab5 Mon Sep 17 00:00:00 2001
From: "louismaxime.piton" <louismaxime.piton@orange.com>
Date: Wed, 23 Aug 2023 13:50:30 +0200
Subject: [PATCH] Introducing CSS var for rules

---
 scss/_reboot.scss     | 8 ++++----
 scss/helpers/_vr.scss | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

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