aboutsummaryrefslogtreecommitdiffstats
path: root/src/css/imports/_border-widths.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/css/imports/_border-widths.css')
-rwxr-xr-xsrc/css/imports/_border-widths.css24
1 files changed, 12 insertions, 12 deletions
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; }