UNPKG

2.67 kBCSSView Raw
1/*
2
3 BORDER WIDTHS
4 Docs: http://tachyons.io/docs/themes/borders/
5
6 Base:
7 bw = border-width
8
9 Modifiers:
10 0 = 0 width border
11 1 = 1st step in border-width scale
12 2 = 2nd step in border-width scale
13 3 = 3rd step in border-width scale
14 4 = 4th step in border-width scale
15 5 = 5th step in border-width scale
16
17 Media Query Extensions:
18 -ns = not-small
19 -m = medium
20 -l = large
21
22*/
23
24.bw0 { border-width: var(--border-width-none); }
25.bw1 { border-width: var(--border-width-1); }
26.bw2 { border-width: var(--border-width-2); }
27.bw3 { border-width: var(--border-width-3); }
28.bw4 { border-width: var(--border-width-4); }
29.bw5 { border-width: var(--border-width-5); }
30
31/* Resets */
32.bt-0 { border-top-width: var(--border-width-none) }
33.br-0 { border-right-width: var(--border-width-none) }
34.bb-0 { border-bottom-width: var(--border-width-none) }
35.bl-0 { border-left-width: var(--border-width-none) }
36
37@media (--breakpoint-not-small) {
38 .bw0-ns { border-width: var(--border-width-none); }
39 .bw1-ns { border-width: var(--border-width-1); }
40 .bw2-ns { border-width: var(--border-width-2); }
41 .bw3-ns { border-width: var(--border-width-3); }
42 .bw4-ns { border-width: var(--border-width-4); }
43 .bw5-ns { border-width: var(--border-width-5); }
44 .bt-0-ns { border-top-width: var(--border-width-none) }
45 .br-0-ns { border-right-width: var(--border-width-none) }
46 .bb-0-ns { border-bottom-width: var(--border-width-none) }
47 .bl-0-ns { border-left-width: var(--border-width-none) }
48}
49
50@media (--breakpoint-medium) {
51 .bw0-m { border-width: var(--border-width-none); }
52 .bw1-m { border-width: var(--border-width-1); }
53 .bw2-m { border-width: var(--border-width-2); }
54 .bw3-m { border-width: var(--border-width-3); }
55 .bw4-m { border-width: var(--border-width-4); }
56 .bw5-m { border-width: var(--border-width-5); }
57 .bt-0-m { border-top-width: var(--border-width-none) }
58 .br-0-m { border-right-width: var(--border-width-none) }
59 .bb-0-m { border-bottom-width: var(--border-width-none) }
60 .bl-0-m { border-left-width: var(--border-width-none) }
61}
62
63@media (--breakpoint-large) {
64 .bw0-l { border-width: var(--border-width-none); }
65 .bw1-l { border-width: var(--border-width-1); }
66 .bw2-l { border-width: var(--border-width-2); }
67 .bw3-l { border-width: var(--border-width-3); }
68 .bw4-l { border-width: var(--border-width-4); }
69 .bw5-l { border-width: var(--border-width-5); }
70 .bt-0-l { border-top-width: var(--border-width-none) }
71 .br-0-l { border-right-width: var(--border-width-none) }
72 .bb-0-l { border-bottom-width: var(--border-width-none) }
73 .bl-0-l { border-left-width: var(--border-width-none) }
74}