From bd9a50e9c824e89d8a91fd54c8bc838cdfa796f6 Mon Sep 17 00:00:00 2001
From: Darin Dimitroff <d@thecrazyones.agency>
Date: Sun, 1 Jan 2017 16:39:14 +0200
Subject: Initial commit

---
 src/css/imports/_border-radius.css | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

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

diff --git a/src/css/imports/_border-radius.css b/src/css/imports/_border-radius.css
index 19b873c..2422bd2 100755
--- a/src/css/imports/_border-radius.css
+++ b/src/css/imports/_border-radius.css
@@ -24,11 +24,12 @@
 
 */
 
+  :root {
+    --border-radius: .25rem;
+  }
+
   .br0 {        border-radius: 0; }
-  .br1 {        border-radius: .125rem; }
-  .br2 {        border-radius: .25rem; }
-  .br3 {        border-radius: .5rem; }
-  .br4 {        border-radius: 1rem; }
+  .br1 {        border-radius: var(--border-radius); }
   .br-100 {     border-radius: 100%; }
   .br-pill {    border-radius: 9999px; }
   .br--bottom {
@@ -50,10 +51,7 @@
 
 @media (--breakpoint-not-small) {
   .br0-ns {     border-radius: 0; }
-  .br1-ns {     border-radius: .125rem; }
-  .br2-ns {     border-radius: .25rem; }
-  .br3-ns {     border-radius: .5rem; }
-  .br4-ns {     border-radius: 1rem; }
+  .br1-ns {     border-radius: var(--border-radius); }
   .br-100-ns {  border-radius: 100%; }
   .br-pill-ns { border-radius: 9999px; }
   .br--bottom-ns {
@@ -76,10 +74,7 @@
 
 @media (--breakpoint-medium) {
   .br0-m {     border-radius: 0; }
-  .br1-m {     border-radius: .125rem; }
-  .br2-m {     border-radius: .25rem; }
-  .br3-m {     border-radius: .5rem; }
-  .br4-m {     border-radius: 1rem; }
+  .br1-m {     border-radius: var(--border-radius); }
   .br-100-m {  border-radius: 100%; }
   .br-pill-m { border-radius: 9999px; }
   .br--bottom-m {
@@ -102,10 +97,7 @@
 
 @media (--breakpoint-large) {
   .br0-l {     border-radius: 0; }
-  .br1-l {     border-radius: .125rem; }
-  .br2-l {     border-radius: .25rem; }
-  .br3-l {     border-radius: .5rem; }
-  .br4-l {     border-radius: 1rem; }
+  .br1-l {     border-radius: var(--border-radius); }
   .br-100-l {  border-radius: 100%; }
   .br-pill-l { border-radius: 9999px; }
   .br--bottom-l {
-- 
cgit v1.3