UNPKG

9.21 kBCSSView Raw
1/*
2
3 SKINS:PSEUDO
4
5 Customize the color of an element when
6 it is focused or hovered over.
7
8 */
9
10.hover-black:hover,
11.hover-black:focus { color: var(--black); }
12.hover-near-black:hover,
13.hover-near-black:focus { color: var(--near-black); }
14.hover-dark-gray:hover,
15.hover-dark-gray:focus { color: var(--dark-gray); }
16.hover-mid-gray:hover,
17.hover-mid-gray:focus { color: var(--mid-gray); }
18.hover-gray:hover,
19.hover-gray:focus { color: var(--gray); }
20.hover-silver:hover,
21.hover-silver:focus { color: var(--silver); }
22.hover-light-silver:hover,
23.hover-light-silver:focus { color: var(--light-silver); }
24.hover-moon-gray:hover,
25.hover-moon-gray:focus { color: var(--moon-gray); }
26.hover-light-gray:hover,
27.hover-light-gray:focus { color: var(--light-gray); }
28.hover-near-white:hover,
29.hover-near-white:focus { color: var(--near-white); }
30.hover-white:hover,
31.hover-white:focus { color: var(--white); }
32
33.hover-black-90:hover,
34.hover-black-90:focus { color: var(--black-90); }
35.hover-black-80:hover,
36.hover-black-80:focus { color: var(--black-80); }
37.hover-black-70:hover,
38.hover-black-70:focus { color: var(--black-70); }
39.hover-black-60:hover,
40.hover-black-60:focus { color: var(--black-60); }
41.hover-black-50:hover,
42.hover-black-50:focus { color: var(--black-50); }
43.hover-black-40:hover,
44.hover-black-40:focus { color: var(--black-40); }
45.hover-black-30:hover,
46.hover-black-30:focus { color: var(--black-30); }
47.hover-black-20:hover,
48.hover-black-20:focus { color: var(--black-20); }
49.hover-black-10:hover,
50.hover-black-10:focus { color: var(--black-10); }
51.hover-white-90:hover,
52.hover-white-90:focus { color: var(--white-90); }
53.hover-white-80:hover,
54.hover-white-80:focus { color: var(--white-80); }
55.hover-white-70:hover,
56.hover-white-70:focus { color: var(--white-70); }
57.hover-white-60:hover,
58.hover-white-60:focus { color: var(--white-60); }
59.hover-white-50:hover,
60.hover-white-50:focus { color: var(--white-50); }
61.hover-white-40:hover,
62.hover-white-40:focus { color: var(--white-40); }
63.hover-white-30:hover,
64.hover-white-30:focus { color: var(--white-30); }
65.hover-white-20:hover,
66.hover-white-20:focus { color: var(--white-20); }
67.hover-white-10:hover,
68.hover-white-10:focus { color: var(--white-10); }
69.hover-inherit:hover,
70.hover-inherit:focus { color: inherit; }
71
72.hover-bg-black:hover,
73.hover-bg-black:focus { background-color: var(--black); }
74.hover-bg-near-black:hover,
75.hover-bg-near-black:focus { background-color: var(--near-black); }
76.hover-bg-dark-gray:hover,
77.hover-bg-dark-gray:focus { background-color: var(--dark-gray); }
78.hover-bg-mid-gray:hover,
79.hover-bg-mid-gray:focus { background-color: var(--mid-gray); }
80.hover-bg-gray:hover,
81.hover-bg-gray:focus { background-color: var(--gray); }
82.hover-bg-silver:hover,
83.hover-bg-silver:focus { background-color: var(--silver); }
84.hover-bg-light-silver:hover,
85.hover-bg-light-silver:focus { background-color: var(--light-silver); }
86.hover-bg-moon-gray:hover,
87.hover-bg-moon-gray:focus { background-color: var(--moon-gray); }
88.hover-bg-light-gray:hover,
89.hover-bg-light-gray:focus { background-color: var(--light-gray); }
90.hover-bg-near-white:hover,
91.hover-bg-near-white:focus { background-color: var(--near-white); }
92.hover-bg-white:hover,
93.hover-bg-white:focus { background-color: var(--white); }
94.hover-bg-transparent:hover,
95.hover-bg-transparent:focus { background-color: var(--transparent); }
96
97.hover-bg-black-90:hover,
98.hover-bg-black-90:focus { background-color: var(--black-90); }
99.hover-bg-black-80:hover,
100.hover-bg-black-80:focus { background-color: var(--black-80); }
101.hover-bg-black-70:hover,
102.hover-bg-black-70:focus { background-color: var(--black-70); }
103.hover-bg-black-60:hover,
104.hover-bg-black-60:focus { background-color: var(--black-60); }
105.hover-bg-black-50:hover,
106.hover-bg-black-50:focus { background-color: var(--black-50); }
107.hover-bg-black-40:hover,
108.hover-bg-black-40:focus { background-color: var(--black-40); }
109.hover-bg-black-30:hover,
110.hover-bg-black-30:focus { background-color: var(--black-30); }
111.hover-bg-black-20:hover,
112.hover-bg-black-20:focus { background-color: var(--black-20); }
113.hover-bg-black-10:hover,
114.hover-bg-black-10:focus { background-color: var(--black-10); }
115.hover-bg-white-90:hover,
116.hover-bg-white-90:focus { background-color: var(--white-90); }
117.hover-bg-white-80:hover,
118.hover-bg-white-80:focus { background-color: var(--white-80); }
119.hover-bg-white-70:hover,
120.hover-bg-white-70:focus { background-color: var(--white-70); }
121.hover-bg-white-60:hover,
122.hover-bg-white-60:focus { background-color: var(--white-60); }
123.hover-bg-white-50:hover,
124.hover-bg-white-50:focus { background-color: var(--white-50); }
125.hover-bg-white-40:hover,
126.hover-bg-white-40:focus { background-color: var(--white-40); }
127.hover-bg-white-30:hover,
128.hover-bg-white-30:focus { background-color: var(--white-30); }
129.hover-bg-white-20:hover,
130.hover-bg-white-20:focus { background-color: var(--white-20); }
131.hover-bg-white-10:hover,
132.hover-bg-white-10:focus { background-color: var(--white-10); }
133
134.hover-dark-red:hover,
135.hover-dark-red:focus { color: var(--dark-red); }
136.hover-red:hover,
137.hover-red:focus { color: var(--red); }
138.hover-light-red:hover,
139.hover-light-red:focus { color: var(--light-red); }
140.hover-orange:hover,
141.hover-orange:focus { color: var(--orange); }
142.hover-gold:hover,
143.hover-gold:focus { color: var(--gold); }
144.hover-yellow:hover,
145.hover-yellow:focus { color: var(--yellow); }
146.hover-light-yellow:hover,
147.hover-light-yellow:focus { color: var(--light-yellow); }
148.hover-purple:hover,
149.hover-purple:focus { color: var(--purple); }
150.hover-light-purple:hover,
151.hover-light-purple:focus { color: var(--light-purple); }
152.hover-dark-pink:hover,
153.hover-dark-pink:focus { color: var(--dark-pink); }
154.hover-hot-pink:hover,
155.hover-hot-pink:focus { color: var(--hot-pink); }
156.hover-pink:hover,
157.hover-pink:focus { color: var(--pink); }
158.hover-light-pink:hover,
159.hover-light-pink:focus { color: var(--light-pink); }
160.hover-dark-green:hover,
161.hover-dark-green:focus { color: var(--dark-green); }
162.hover-green:hover,
163.hover-green:focus { color: var(--green); }
164.hover-light-green:hover,
165.hover-light-green:focus { color: var(--light-green); }
166.hover-navy:hover,
167.hover-navy:focus { color: var(--navy); }
168.hover-dark-blue:hover,
169.hover-dark-blue:focus { color: var(--dark-blue); }
170.hover-blue:hover,
171.hover-blue:focus { color: var(--blue); }
172.hover-light-blue:hover,
173.hover-light-blue:focus { color: var(--light-blue); }
174.hover-lightest-blue:hover,
175.hover-lightest-blue:focus { color: var(--lightest-blue); }
176.hover-washed-blue:hover,
177.hover-washed-blue:focus { color: var(--washed-blue); }
178.hover-washed-green:hover,
179.hover-washed-green:focus { color: var(--washed-green); }
180.hover-washed-yellow:hover,
181.hover-washed-yellow:focus { color: var(--washed-yellow); }
182.hover-washed-red:hover,
183.hover-washed-red:focus { color: var(--washed-red); }
184
185.hover-bg-dark-red:hover,
186.hover-bg-dark-red:focus { background-color: var(--dark-red); }
187.hover-bg-red:hover,
188.hover-bg-red:focus { background-color: var(--red); }
189.hover-bg-light-red:hover,
190.hover-bg-light-red:focus { background-color: var(--light-red); }
191.hover-bg-orange:hover,
192.hover-bg-orange:focus { background-color: var(--orange); }
193.hover-bg-gold:hover,
194.hover-bg-gold:focus { background-color: var(--gold); }
195.hover-bg-yellow:hover,
196.hover-bg-yellow:focus { background-color: var(--yellow); }
197.hover-bg-light-yellow:hover,
198.hover-bg-light-yellow:focus { background-color: var(--light-yellow); }
199.hover-bg-purple:hover,
200.hover-bg-purple:focus { background-color: var(--purple); }
201.hover-bg-light-purple:hover,
202.hover-bg-light-purple:focus { background-color: var(--light-purple); }
203.hover-bg-dark-pink:hover,
204.hover-bg-dark-pink:focus { background-color: var(--dark-pink); }
205.hover-bg-hot-pink:hover,
206.hover-bg-hot-pink:focus { background-color: var(--hot-pink); }
207.hover-bg-pink:hover,
208.hover-bg-pink:focus { background-color: var(--pink); }
209.hover-bg-light-pink:hover,
210.hover-bg-light-pink:focus { background-color: var(--light-pink); }
211.hover-bg-dark-green:hover,
212.hover-bg-dark-green:focus { background-color: var(--dark-green); }
213.hover-bg-green:hover,
214.hover-bg-green:focus { background-color: var(--green); }
215.hover-bg-light-green:hover,
216.hover-bg-light-green:focus { background-color: var(--light-green); }
217.hover-bg-navy:hover,
218.hover-bg-navy:focus { background-color: var(--navy); }
219.hover-bg-dark-blue:hover,
220.hover-bg-dark-blue:focus { background-color: var(--dark-blue); }
221.hover-bg-blue:hover,
222.hover-bg-blue:focus { background-color: var(--blue); }
223.hover-bg-light-blue:hover,
224.hover-bg-light-blue:focus { background-color: var(--light-blue); }
225.hover-bg-lightest-blue:hover,
226.hover-bg-lightest-blue:focus { background-color: var(--lightest-blue); }
227.hover-bg-washed-blue:hover,
228.hover-bg-washed-blue:focus { background-color: var(--washed-blue); }
229.hover-bg-washed-green:hover,
230.hover-bg-washed-green:focus { background-color: var(--washed-green); }
231.hover-bg-washed-yellow:hover,
232.hover-bg-washed-yellow:focus { background-color: var(--washed-yellow); }
233.hover-bg-washed-red:hover,
234.hover-bg-washed-red:focus { background-color: var(--washed-red); }
235.hover-bg-inherit:hover,
236.hover-bg-inherit:focus { background-color: inherit; }