From c331a150cdc2834f08bcf458cdb1b104cc510b67 Mon Sep 17 00:00:00 2001
From: devhoussam <devhoussam123@gmail.com>
Date: Mon, 3 May 2021 22:11:11 +0000
Subject: [PATCH] Add Sass variables for hr background-color and border

Co-Authored-By: Houssam Hammouda <11141564+devhoussam@users.noreply.github.com>
---
 scss/_reboot.scss    | 4 ++--
 scss/_variables.scss | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 79fedc6cad..65b98f44b6 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -69,8 +69,8 @@ body {
 hr {
   margin: $hr-margin-y 0;
   color: $hr-color; // 1
-  background-color: currentColor;
-  border: 0;
+  background-color: $hr-bg-color;
+  border: $hr-border-width;
   opacity: $hr-opacity;
 }
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 79c1498f6b..244a15c215 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -661,6 +661,8 @@ $blockquote-footer-font-size: $small-font-size !default;
 
 $hr-margin-y:                 $spacer !default;
 $hr-color:                    inherit !default;
+$hr-bg-color:                 currentColor !default;
+$hr-border-width:             0 !default;
 $hr-height:                   $border-width !default;
 $hr-opacity:                  .25 !default;