Adds configurable default border-width

tachyons-css · Jul 14, 2023 · bade6fd · bade6fd
1 parent 89edd4d
commit bade6fd
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/_border-widths.css b/src/_border-widths.css
@@ -21,6 +21,7 @@
 
 */
 
+.bw  { border-width: var(--border-width,1px); }
 .bw0 { border-width: var(--border-width-0,0); }
 .bw1 { border-width: var(--border-width-1,1px); }
 .bw2 { border-width: var(--border-width-2,2px); }
@@ -35,6 +36,7 @@
 .bl-0 { border-left-width: 0; }
 
 @media (--breakpoint-small) {
+  .bw-s  { border-width: var(--border-width,1px); }
   .bw0-s { border-width: var(--border-width-0,0); }
   .bw1-s { border-width: var(--border-width-1,1px); }
   .bw2-s { border-width: var(--border-width-2,2px); }
@@ -48,6 +50,7 @@
 }
 
 @media (--breakpoint-medium) {
+  .bw-m  { border-width: var(--border-width,1px); }
   .bw0-m { border-width: var(--border-width-0,0); }
   .bw1-m { border-width: var(--border-width-1,1px); }
   .bw2-m { border-width: var(--border-width-2,2px); }
@@ -61,6 +64,7 @@
 }
 
 @media (--breakpoint-large) {
+  .bw-l  { border-width: var(--border-width,1px); }
   .bw0-l { border-width: var(--border-width-0,0); }
   .bw1-l { border-width: var(--border-width-1,1px); }
   .bw2-l { border-width: var(--border-width-2,2px); }