UNPKG

1.8 kBCSSView Raw
1/*
2
3 BORDERS
4 Docs: http://tachyons.io/docs/themes/borders/
5
6 Base:
7 b = border
8
9 Modifiers:
10 a = all
11 t = top
12 r = right
13 b = bottom
14 l = left
15 n = none
16
17 Media Query Extensions:
18 -ns = not-small
19 -m = medium
20 -l = large
21
22*/
23
24 .ba { border-style: solid; border-width: 1px; }
25 .bt { border-top-style: solid; border-top-width: 1px; }
26 .br { border-right-style: solid; border-right-width: 1px; }
27 .bb { border-bottom-style: solid; border-bottom-width: 1px; }
28 .bl { border-left-style: solid; border-left-width: 1px; }
29 .bn { border-style: none; border-width: 0; }
30
31
32@media (--breakpoint-not-small) {
33 .ba-ns { border-style: solid; border-width: 1px; }
34 .bt-ns { border-top-style: solid; border-top-width: 1px; }
35 .br-ns { border-right-style: solid; border-right-width: 1px; }
36 .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
37 .bl-ns { border-left-style: solid; border-left-width: 1px; }
38 .bn-ns { border-style: none; border-width: 0; }
39}
40
41@media (--breakpoint-medium) {
42 .ba-m { border-style: solid; border-width: 1px; }
43 .bt-m { border-top-style: solid; border-top-width: 1px; }
44 .br-m { border-right-style: solid; border-right-width: 1px; }
45 .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
46 .bl-m { border-left-style: solid; border-left-width: 1px; }
47 .bn-m { border-style: none; border-width: 0; }
48}
49
50@media (--breakpoint-large) {
51 .ba-l { border-style: solid; border-width: 1px; }
52 .bt-l { border-top-style: solid; border-top-width: 1px; }
53 .br-l { border-right-style: solid; border-right-width: 1px; }
54 .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
55 .bl-l { border-left-style: solid; border-left-width: 1px; }
56 .bn-l { border-style: none; border-width: 0; }
57}
58