UNPKG

3.61 kBCSSView Raw
1/*
2
3 BORDER COLORS
4 Docs: http://tachyons.io/docs/themes/borders/
5
6 Border colors can be used to extend the base
7 border classes ba,bt,bb,br,bl found in the _borders.css file.
8
9 The base border class by default will set the color of the border
10 to that of the current text color. These classes are for the cases
11 where you desire for the text and border colors to be different.
12
13 Base:
14 b = border
15
16 Modifiers:
17 --color-name = each color variable name is also a border color name
18
19*/
20
21.b--black { border-color: var(--black); }
22.b--near-black { border-color: var(--near-black); }
23.b--dark-gray { border-color: var(--dark-gray); }
24.b--mid-gray { border-color: var(--mid-gray); }
25.b--gray { border-color: var(--gray); }
26.b--silver { border-color: var(--silver); }
27.b--light-silver { border-color: var(--light-silver); }
28.b--moon-gray { border-color: var(--moon-gray); }
29.b--light-gray { border-color: var(--light-gray); }
30.b--near-white { border-color: var(--near-white); }
31.b--white { border-color: var(--white); }
32
33.b--white-90 { border-color: var(--white-90); }
34.b--white-80 { border-color: var(--white-80); }
35.b--white-70 { border-color: var(--white-70); }
36.b--white-60 { border-color: var(--white-60); }
37.b--white-50 { border-color: var(--white-50); }
38.b--white-40 { border-color: var(--white-40); }
39.b--white-30 { border-color: var(--white-30); }
40.b--white-20 { border-color: var(--white-20); }
41.b--white-10 { border-color: var(--white-10); }
42.b--white-05 { border-color: var(--white-05); }
43.b--white-025 { border-color: var(--white-025); }
44.b--white-0125 { border-color: var(--white-0125); }
45
46.b--black-90 { border-color: var(--black-90); }
47.b--black-80 { border-color: var(--black-80); }
48.b--black-70 { border-color: var(--black-70); }
49.b--black-60 { border-color: var(--black-60); }
50.b--black-50 { border-color: var(--black-50); }
51.b--black-40 { border-color: var(--black-40); }
52.b--black-30 { border-color: var(--black-30); }
53.b--black-20 { border-color: var(--black-20); }
54.b--black-10 { border-color: var(--black-10); }
55.b--black-05 { border-color: var(--black-05); }
56.b--black-025 { border-color: var(--black-025); }
57.b--black-0125 { border-color: var(--black-0125); }
58
59.b--dark-red { border-color: var(--dark-red); }
60.b--red { border-color: var(--red); }
61.b--light-red { border-color: var(--light-red); }
62.b--orange { border-color: var(--orange); }
63.b--gold { border-color: var(--gold); }
64.b--yellow { border-color: var(--yellow); }
65.b--light-yellow { border-color: var(--light-yellow); }
66.b--purple { border-color: var(--purple); }
67.b--light-purple { border-color: var(--light-purple); }
68.b--dark-pink { border-color: var(--dark-pink); }
69.b--hot-pink { border-color: var(--hot-pink); }
70.b--pink { border-color: var(--pink); }
71.b--light-pink { border-color: var(--light-pink); }
72.b--dark-green { border-color: var(--dark-green); }
73.b--green { border-color: var(--green); }
74.b--light-green { border-color: var(--light-green); }
75.b--navy { border-color: var(--navy); }
76.b--dark-blue { border-color: var(--dark-blue); }
77.b--blue { border-color: var(--blue); }
78.b--light-blue { border-color: var(--light-blue); }
79.b--lightest-blue { border-color: var(--lightest-blue); }
80.b--washed-blue { border-color: var(--washed-blue); }
81.b--washed-green { border-color: var(--washed-green); }
82.b--washed-yellow { border-color: var(--washed-yellow); }
83.b--washed-red { border-color: var(--washed-red); }
84
85.b--transparent { border-color: var(--transparent); }
86.b--inherit { border-color: inherit; }