From 20d33818a838a7c022456d5620d255283531ba97 Mon Sep 17 00:00:00 2001
From: Darin Dimitroff <d@thecrazyones.agency>
Date: Mon, 2 Jan 2017 16:09:21 +0200
Subject: WIP

---
 src/css/imports/_border-widths.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

(limited to 'src/css/imports/_border-widths.css')

diff --git a/src/css/imports/_border-widths.css b/src/css/imports/_border-widths.css
index e3b6885..2af7d7e 100755
--- a/src/css/imports/_border-widths.css
+++ b/src/css/imports/_border-widths.css
@@ -23,9 +23,9 @@
 
 .bw0 { border-width: 0; }
 .bw1 { border-width: .125rem; }
-.bw2 { border-width: .25rem; }
-.bw3 { border-width: .5rem; }
-.bw4 { border-width: 1rem; }
+.bw2 { border-width: var(--spacing-extra-small); }
+.bw3 { border-width: var(--spacing-small); }
+.bw4 { border-width: var(--spacing-medium); }
 .bw5 { border-width: 2rem; }
 
 /* Resets */
@@ -37,9 +37,9 @@
 @media (--breakpoint-not-small) {
   .bw0-ns { border-width: 0; }
   .bw1-ns { border-width: .125rem; }
-  .bw2-ns { border-width: .25rem; }
-  .bw3-ns { border-width: .5rem; }
-  .bw4-ns { border-width: 1rem; }
+  .bw2-ns { border-width: var(--spacing-extra-small); }
+  .bw3-ns { border-width: var(--spacing-small); }
+  .bw4-ns { border-width: var(--spacing-medium); }
   .bw5-ns { border-width: 2rem; }
   .bt-0-ns { border-top-width: 0; }
   .br-0-ns { border-right-width: 0; }
@@ -50,9 +50,9 @@
 @media (--breakpoint-medium) {
   .bw0-m { border-width: 0; }
   .bw1-m { border-width: .125rem; }
-  .bw2-m { border-width: .25rem; }
-  .bw3-m { border-width: .5rem; }
-  .bw4-m { border-width: 1rem; }
+  .bw2-m { border-width: var(--spacing-extra-small); }
+  .bw3-m { border-width: var(--spacing-small); }
+  .bw4-m { border-width: var(--spacing-medium); }
   .bw5-m { border-width: 2rem; }
   .bt-0-m { border-top-width: 0; }
   .br-0-m { border-right-width: 0; }
@@ -63,9 +63,9 @@
 @media (--breakpoint-large) {
   .bw0-l { border-width: 0; }
   .bw1-l { border-width: .125rem; }
-  .bw2-l { border-width: .25rem; }
-  .bw3-l { border-width: .5rem; }
-  .bw4-l { border-width: 1rem; }
+  .bw2-l { border-width: var(--spacing-extra-small); }
+  .bw3-l { border-width: var(--spacing-small); }
+  .bw4-l { border-width: var(--spacing-medium); }
   .bw5-l { border-width: 2rem; }
   .bt-0-l { border-top-width: 0; }
   .br-0-l { border-right-width: 0; }
-- 
cgit v1.3