forked from tachyons-css/tachyons-sass
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_skins.scss
143 lines (124 loc) · 5.11 KB
/
_skins.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
// Converted Variables
// Custom Media Query Variables
/*
SKINS
Docs: http://tachyons.io/docs/themes/skins/
Classes for setting foreground and background colors on elements.
If you haven't declared a border color, but set border on an element, it will
be set to the current text color.
*/
/* Text colors */
.black-90 { color: $black-90; }
.black-80 { color: $black-80; }
.black-70 { color: $black-70; }
.black-60 { color: $black-60; }
.black-50 { color: $black-50; }
.black-40 { color: $black-40; }
.black-30 { color: $black-30; }
.black-20 { color: $black-20; }
.black-10 { color: $black-10; }
.black-05 { color: $black-05; }
.white-90 { color: $white-90; }
.white-80 { color: $white-80; }
.white-70 { color: $white-70; }
.white-60 { color: $white-60; }
.white-50 { color: $white-50; }
.white-40 { color: $white-40; }
.white-30 { color: $white-30; }
.white-20 { color: $white-20; }
.white-10 { color: $white-10; }
.black { color: $black; }
.near-black { color: $near-black; }
.dark-gray { color: $dark-gray; }
.mid-gray { color: $mid-gray; }
.gray { color: $gray; }
.silver { color: $silver; }
.light-silver { color: $light-silver; }
.moon-gray { color: $moon-gray; }
.light-gray { color: $light-gray; }
.near-white { color: $near-white; }
.white { color: $white; }
.dark-red { color: $dark-red; }
.red { color: $red; }
.light-red { color: $light-red; }
.orange { color: $orange; }
.gold { color: $gold; }
.yellow { color: $yellow; }
.light-yellow { color: $light-yellow; }
.purple { color: $purple; }
.light-purple { color: $light-purple; }
.dark-pink { color: $dark-pink; }
.hot-pink { color: $hot-pink; }
.pink { color: $pink; }
.light-pink { color: $light-pink; }
.dark-green { color: $dark-green; }
.green { color: $green; }
.light-green { color: $light-green; }
.navy { color: $navy; }
.dark-blue { color: $dark-blue; }
.blue { color: $blue; }
.light-blue { color: $light-blue; }
.lightest-blue { color: $lightest-blue; }
.washed-blue { color: $washed-blue; }
.washed-green { color: $washed-green; }
.washed-yellow { color: $washed-yellow; }
.washed-red { color: $washed-red; }
.color-inherit { color: inherit; }
.bg-black-90 { background-color: $black-90; }
.bg-black-80 { background-color: $black-80; }
.bg-black-70 { background-color: $black-70; }
.bg-black-60 { background-color: $black-60; }
.bg-black-50 { background-color: $black-50; }
.bg-black-40 { background-color: $black-40; }
.bg-black-30 { background-color: $black-30; }
.bg-black-20 { background-color: $black-20; }
.bg-black-10 { background-color: $black-10; }
.bg-black-05 { background-color: $black-05; }
.bg-white-90 { background-color: $white-90; }
.bg-white-80 { background-color: $white-80; }
.bg-white-70 { background-color: $white-70; }
.bg-white-60 { background-color: $white-60; }
.bg-white-50 { background-color: $white-50; }
.bg-white-40 { background-color: $white-40; }
.bg-white-30 { background-color: $white-30; }
.bg-white-20 { background-color: $white-20; }
.bg-white-10 { background-color: $white-10; }
/* Background colors */
.bg-black { background-color: $black; }
.bg-near-black { background-color: $near-black; }
.bg-dark-gray { background-color: $dark-gray; }
.bg-mid-gray { background-color: $mid-gray; }
.bg-gray { background-color: $gray; }
.bg-silver { background-color: $silver; }
.bg-light-silver { background-color: $light-silver; }
.bg-moon-gray { background-color: $moon-gray; }
.bg-light-gray { background-color: $light-gray; }
.bg-near-white { background-color: $near-white; }
.bg-white { background-color: $white; }
.bg-transparent { background-color: $transparent; }
.bg-dark-red { background-color: $dark-red; }
.bg-red { background-color: $red; }
.bg-light-red { background-color: $light-red; }
.bg-orange { background-color: $orange; }
.bg-gold { background-color: $gold; }
.bg-yellow { background-color: $yellow; }
.bg-light-yellow { background-color: $light-yellow; }
.bg-purple { background-color: $purple; }
.bg-light-purple { background-color: $light-purple; }
.bg-dark-pink { background-color: $dark-pink; }
.bg-hot-pink { background-color: $hot-pink; }
.bg-pink { background-color: $pink; }
.bg-light-pink { background-color: $light-pink; }
.bg-dark-green { background-color: $dark-green; }
.bg-green { background-color: $green; }
.bg-light-green { background-color: $light-green; }
.bg-navy { background-color: $navy; }
.bg-dark-blue { background-color: $dark-blue; }
.bg-blue { background-color: $blue; }
.bg-light-blue { background-color: $light-blue; }
.bg-lightest-blue { background-color: $lightest-blue; }
.bg-washed-blue { background-color: $washed-blue; }
.bg-washed-green { background-color: $washed-green; }
.bg-washed-yellow { background-color: $washed-yellow; }
.bg-washed-red { background-color: $washed-red; }
.bg-inherit { background-color: inherit; }