From 9b9aaa6fea4f6a2366585dd93e2f61384be580eb Mon Sep 17 00:00:00 2001
From: mrmrs <hi@mrmrs.cc>
Date: Wed, 12 Jul 2023 13:32:22 -0700
Subject: [PATCH] Adds variables to borders module

---
 src/_borders.css | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/_borders.css b/src/_borders.css
index 09494d2..94a934a 100644
--- a/src/_borders.css
+++ b/src/_borders.css
@@ -21,38 +21,38 @@
 
 */
 
-  .ba { border-style: solid; border-width: 1px; }
-  .bt { border-top-style: solid; border-top-width: 1px; }
-  .br { border-right-style: solid; border-right-width: 1px; }
-  .bb { border-bottom-style: solid; border-bottom-width: 1px; }
-  .bl { border-left-style: solid; border-left-width: 1px; }
+  .ba { border-style: solid; border-width: var(--border-width, 1px); }
+  .bt { border-top-style: solid; border-top-width: var(--border-width, 1px); }
+  .br { border-right-style: solid; border-right-width: var(--border-width, 1px); }
+  .bb { border-bottom-style: solid; border-bottom-width: var(--border-width, 1px); }
+  .bl { border-left-style: solid; border-left-width: var(--border-width, 1px); }
   .bn { border-style: none; border-width: 0; }
 
 
 @media (--breakpoint-small) {
-  .ba-s { border-style: solid; border-width: 1px; }
-  .bt-s { border-top-style: solid; border-top-width: 1px; }
-  .br-s { border-right-style: solid; border-right-width: 1px; }
-  .bb-s { border-bottom-style: solid; border-bottom-width: 1px; }
-  .bl-s { border-left-style: solid; border-left-width: 1px; }
+  .ba-s { border-style: solid; border-width: var(--border-width, 1px); }
+  .bt-s { border-top-style: solid; border-top-width: var(--border-width, 1px); }
+  .br-s { border-right-style: solid; border-right-width: var(--border-width, 1px); }
+  .bb-s { border-bottom-style: solid; border-bottom-width: var(--border-width, 1px); }
+  .bl-s { border-left-style: solid; border-left-width: var(--border-width, 1px); }
   .bn-s { border-style: none; border-width: 0; }
 }
 
 @media (--breakpoint-medium) {
-  .ba-m { border-style: solid; border-width: 1px; }
-  .bt-m { border-top-style: solid; border-top-width: 1px; }
-  .br-m { border-right-style: solid; border-right-width: 1px; }
-  .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
-  .bl-m { border-left-style: solid; border-left-width: 1px; }
+  .ba-m { border-style: solid; border-width: var(--border-width, 1px); }
+  .bt-m { border-top-style: solid; border-top-width: var(--border-width, 1px); }
+  .br-m { border-right-style: solid; border-right-width: var(--border-width, 1px); }
+  .bb-m { border-bottom-style: solid; border-bottom-width: var(--border-width, 1px); }
+  .bl-m { border-left-style: solid; border-left-width: var(--border-width, 1px); }
   .bn-m { border-style: none; border-width: 0; }
 }
 
 @media (--breakpoint-large) {
-  .ba-l { border-style: solid; border-width: 1px; }
-  .bt-l { border-top-style: solid; border-top-width: 1px; }
-  .br-l { border-right-style: solid; border-right-width: 1px; }
-  .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
-  .bl-l { border-left-style: solid; border-left-width: 1px; }
+  .ba-l { border-style: solid; border-width: var(--border-width, 1px); }
+  .bt-l { border-top-style: solid; border-top-width: var(--border-width, 1px); }
+  .br-l { border-right-style: solid; border-right-width: var(--border-width, 1px); }
+  .bb-l { border-bottom-style: solid; border-bottom-width: var(--border-width, 1px); }
+  .bl-l { border-left-style: solid; border-left-width: var(--border-width, 1px); }
   .bn-l { border-style: none; border-width: 0; }
 }