1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- /*
-
- BORDER WIDTHS
- Docs: http://tachyons.io/docs/themes/borders/
-
- Base:
- bw = border-width
-
- Modifiers:
- 0 = 0 width border
- 1 = 1st step in border-width scale
- 2 = 2nd step in border-width scale
- 3 = 3rd step in border-width scale
- 4 = 4th step in border-width scale
- 5 = 5th step in border-width scale
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
- */
-
- .bw0 { border-width: 0; }
- .bw1 { border-width: .125rem; }
- .bw2 { border-width: .25rem; }
- .bw3 { border-width: .5rem; }
- .bw4 { border-width: 1rem; }
- .bw5 { border-width: 2rem; }
-
- /* Resets */
- .bt-0 { border-top-width: 0; }
- .br-0 { border-right-width: 0; }
- .bb-0 { border-bottom-width: 0; }
- .bl-0 { border-left-width: 0; }
-
- @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; }
- .bw5-ns { border-width: 2rem; }
- .bt-0-ns { border-top-width: 0; }
- .br-0-ns { border-right-width: 0; }
- .bb-0-ns { border-bottom-width: 0; }
- .bl-0-ns { border-left-width: 0; }
- }
-
- @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; }
- .bw5-m { border-width: 2rem; }
- .bt-0-m { border-top-width: 0; }
- .br-0-m { border-right-width: 0; }
- .bb-0-m { border-bottom-width: 0; }
- .bl-0-m { border-left-width: 0; }
- }
-
- @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; }
- .bw5-l { border-width: 2rem; }
- .bt-0-l { border-top-width: 0; }
- .br-0-l { border-right-width: 0; }
- .bb-0-l { border-bottom-width: 0; }
- .bl-0-l { border-left-width: 0; }
- }
|