Add @border-width variable for border-width setting

12 files changed, 21 insertions, 20 deletions

diff --git a/src/badges.less b/src/badges.less
index d1f2ef8..7b99deb 100644
--- a/src/badges.less
+++ b/src/badges.less
@@ -8,7 +8,7 @@
     &::after {
       background: @primary-color;
       background-clip: padding-box;
-      border: .1rem solid @light-bg-color;
+      border: @border-width solid @light-bg-color;
       border-radius: 1rem;
       color: @light-color;
       content: attr(data-badge);
diff --git a/src/buttons.less b/src/buttons.less
index 32df840..d7f4582 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -2,7 +2,7 @@
 .btn {
   -webkit-appearance: none;
   background: @light-bg-color;
-  border: .1rem solid @primary-color;
+  border: @border-width solid @primary-color;
   border-radius: @border-radius;
   color: @link-color;
   .control-transition();
diff --git a/src/calendars.less b/src/calendars.less
index f069fb2..8d7f1ab 100644
--- a/src/calendars.less
+++ b/src/calendars.less
@@ -1,6 +1,6 @@
 // Calendars
 .calendar {
-  border: .1rem solid @border-color;
+  border: @border-width solid @border-color;
   border-radius: @border-radius;
   display: block;
   text-align: center;
@@ -29,7 +29,7 @@
 
   .calendar-header {
     background: @bg-color;
-    border-bottom: .1rem solid @border-color;
+    border-bottom: @border-width solid @border-color;
     color: @gray-color;
     font-size: 1.2rem;
   }
@@ -57,7 +57,7 @@
     .date-item {
       appearance: none;
       background: transparent;
-      border: .1rem solid transparent;
+      border: @border-width solid transparent;
       border-radius: 50%;
       .control-transition();
       cursor: pointer;
@@ -139,8 +139,8 @@
       padding: 0;
 
       .calendar-date {
-        border-bottom: .1rem solid @border-color;
-        border-right: .1rem solid @border-color;
+        border-bottom: @border-width solid @border-color;
+        border-right: @border-width solid @border-color;
         display: flex;
         flex-direction: column;
         height: 11rem;
diff --git a/src/cards.less b/src/cards.less
index 47bc4d3..8aa6364 100644
--- a/src/cards.less
+++ b/src/cards.less
@@ -1,7 +1,7 @@
 // Cards
 .card {
   background: @light-bg-color;
-  border: .1rem solid @border-color;
+  border: @border-width solid @border-color;
   border-radius: @border-radius;
   display: block;
   margin: 0;
diff --git a/src/forms.less b/src/forms.less
index ba38656..0c9ea8f 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -10,7 +10,7 @@
   appearance: none;
   background: @light-bg-color;
   background-image: none;
-  border: .1rem solid @light-gray-color;
+  border: @border-width solid @light-gray-color;
   border-radius: @border-radius;
   color: @body-font-color;
   .control-transition();
@@ -84,7 +84,7 @@
 // Form element: Select
 .form-select {
   appearance: none;
-  border: .1rem solid @light-gray-color;
+  border: @border-width solid @light-gray-color;
   border-radius: @border-radius;
   color: inherit;
   font-size: 1.4rem;
@@ -169,7 +169,7 @@
   position: relative;
 
   .form-icon {
-    border: .1rem solid @light-gray-color;
+    border: @border-width solid @light-gray-color;
     .control-transition();
     cursor: pointer;
     display: inline-block;
@@ -266,7 +266,7 @@
   .form-icon {
     background: @light-gray-color;
     background-clip: padding-box;
-    border: .1rem solid @light-gray-color;
+    border: @border-width solid @light-gray-color;
     border-radius: .9rem;
     cursor: pointer;
     display: inline-block;
@@ -315,7 +315,7 @@
 
   .input-group-addon {
     background: @bg-color;
-    border: .1rem solid @light-gray-color;
+    border: @border-width solid @light-gray-color;
     border-radius: @border-radius;
     line-height: 2rem;
     padding: .5rem .8rem;
diff --git a/src/menus.less b/src/menus.less
index 99e5194..02863ab 100644
--- a/src/menus.less
+++ b/src/menus.less
@@ -47,7 +47,7 @@
     position: relative;
 
     &::after {
-      border-bottom: .1rem solid @border-color;
+      border-bottom: @border-width solid @border-color;
       content: "";
       display: block;
       height: .1rem;
diff --git a/src/panels.less b/src/panels.less
index 445ce58..5f47a48 100644
--- a/src/panels.less
+++ b/src/panels.less
@@ -1,6 +1,6 @@
 // Panels
 .panel {
-  border: .1rem solid @border-color;
+  border: @border-width solid @border-color;
   border-radius: @border-radius;
   display: flex;
   flex-direction: column;
diff --git a/src/tables.less b/src/tables.less
index dfdd03c..89f650b 100644
--- a/src/tables.less
+++ b/src/tables.less
@@ -33,10 +33,10 @@
   }
 
   td {
-    border-bottom: .1rem solid @border-color;
+    border-bottom: @border-width solid @border-color;
     padding: 1.5rem 1rem;
   }
-  
+
   th {
     border-bottom: .2rem solid @dark-color;
     padding: 1.5rem 1rem;
diff --git a/src/tabs.less b/src/tabs.less
index 849af89..b342fb0 100644
--- a/src/tabs.less
+++ b/src/tabs.less
@@ -1,7 +1,7 @@
 // Tabs
 .tab {
   align-items: center;
-  border-bottom: .1rem solid @border-color;
+  border-bottom: @border-width solid @border-color;
   display: flex;
   flex-wrap: wrap;
 
diff --git a/src/toasts.less b/src/toasts.less
index 1936b0e..ba0405b 100644
--- a/src/toasts.less
+++ b/src/toasts.less
@@ -1,6 +1,6 @@
 // Toasts
 .toast {
-  border: .1rem solid @dark-color;
+  border: @border-width solid @dark-color;
   border-radius: @border-radius;
   color: @light-color;
   display: block;
diff --git a/src/utilities.less b/src/utilities.less
index d4126df..94dbc18 100644
--- a/src/utilities.less
+++ b/src/utilities.less
@@ -1,6 +1,6 @@
 // Divider
 .divider {
-  border-bottom: .1rem solid @border-color;
+  border-bottom: @border-width solid @border-color;
   display: block;
   margin: .8rem 0;
 }
diff --git a/src/variables.less b/src/variables.less
index 1f62e70..9da784d 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -19,6 +19,7 @@
 @layout-padding: 1.5rem;
 @control-min-width: 18rem;
 @border-radius: .2rem;
+@border-width: .1rem;
 
 // Core colors
 @primary-color: #5764c6;