75 lines
1.9 KiB
CSS
75 lines
1.9 KiB
CSS
/*
|
|
|
|
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; }
|
|
}
|