jekyll-theme-jam 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +10 -0
  3. data/LICENSE.md +10 -0
  4. data/README.md +63 -0
  5. data/_includes/disqus_comments.html +14 -0
  6. data/_includes/figure +12 -0
  7. data/_includes/footer.html +17 -0
  8. data/_includes/google-analytics.html +7 -0
  9. data/_includes/google-tag-manager-noscript.html +3 -0
  10. data/_includes/google-tag-manager.html +6 -0
  11. data/_includes/head.html +13 -0
  12. data/_includes/netlify-form.html +18 -0
  13. data/_includes/read_time.html +16 -0
  14. data/_layouts/archive.html +15 -0
  15. data/_layouts/default.html +12 -0
  16. data/_layouts/front.html +11 -0
  17. data/_layouts/home.html +25 -0
  18. data/_layouts/page.html +14 -0
  19. data/_layouts/post.html +30 -0
  20. data/_sass/_cms.scss +80 -0
  21. data/_sass/_theme.scss +78 -0
  22. data/_sass/_variables.scss +149 -0
  23. data/_sass/scss/_aspect-ratios.scss +142 -0
  24. data/_sass/scss/_background-position.scss +133 -0
  25. data/_sass/scss/_background-size.scss +41 -0
  26. data/_sass/scss/_border-colors.scss +93 -0
  27. data/_sass/scss/_border-radius.scss +134 -0
  28. data/_sass/scss/_border-style.scss +55 -0
  29. data/_sass/scss/_border-widths.scss +81 -0
  30. data/_sass/scss/_borders.scss +65 -0
  31. data/_sass/scss/_box-shadow.scss +48 -0
  32. data/_sass/scss/_box-sizing.scss +49 -0
  33. data/_sass/scss/_clears.scss +47 -0
  34. data/_sass/scss/_coordinates.scss +153 -0
  35. data/_sass/scss/_debug-children.scss +21 -0
  36. data/_sass/scss/_debug-grid.scss +33 -0
  37. data/_sass/scss/_debug.scss +127 -0
  38. data/_sass/scss/_debug_children.scss +18 -0
  39. data/_sass/scss/_display.scss +111 -0
  40. data/_sass/scss/_flexbox.scss +257 -0
  41. data/_sass/scss/_floats.scss +56 -0
  42. data/_sass/scss/_font-family.scss +99 -0
  43. data/_sass/scss/_font-style.scss +36 -0
  44. data/_sass/scss/_font-weight.scss +87 -0
  45. data/_sass/scss/_forms.scss +23 -0
  46. data/_sass/scss/_gradients.scss +29 -0
  47. data/_sass/scss/_heights.scss +131 -0
  48. data/_sass/scss/_hovers.scss +166 -0
  49. data/_sass/scss/_images.scss +18 -0
  50. data/_sass/scss/_letter-spacing.scss +40 -0
  51. data/_sass/scss/_line-height.scss +41 -0
  52. data/_sass/scss/_links.scss +34 -0
  53. data/_sass/scss/_lists.scss +15 -0
  54. data/_sass/scss/_max-widths.scss +105 -0
  55. data/_sass/scss/_module-template.scss +29 -0
  56. data/_sass/scss/_negative-margins.scss +205 -0
  57. data/_sass/scss/_nested.scss +63 -0
  58. data/_sass/scss/_normalize.scss +454 -0
  59. data/_sass/scss/_opacity.scss +27 -0
  60. data/_sass/scss/_outlines.scss +39 -0
  61. data/_sass/scss/_overflow.scss +82 -0
  62. data/_sass/scss/_position.scss +44 -0
  63. data/_sass/scss/_rotations.scss +50 -0
  64. data/_sass/scss/_skins-pseudo.scss +243 -0
  65. data/_sass/scss/_skins.scss +143 -0
  66. data/_sass/scss/_spacing.scss +947 -0
  67. data/_sass/scss/_styles.scss +15 -0
  68. data/_sass/scss/_tables.scss +42 -0
  69. data/_sass/scss/_text-align.scss +49 -0
  70. data/_sass/scss/_text-decoration.scss +42 -0
  71. data/_sass/scss/_text-transform.scss +53 -0
  72. data/_sass/scss/_type-scale.scss +102 -0
  73. data/_sass/scss/_typography.scss +129 -0
  74. data/_sass/scss/_utilities.scss +57 -0
  75. data/_sass/scss/_vertical-align.scss +43 -0
  76. data/_sass/scss/_visibility.scss +58 -0
  77. data/_sass/scss/_white-space.scss +41 -0
  78. data/_sass/scss/_widths.scss +150 -0
  79. data/_sass/scss/_word-break.scss +43 -0
  80. data/_sass/scss/_z-index.scss +60 -0
  81. data/assets/css/jam.scss +5 -0
  82. metadata +209 -0
@@ -0,0 +1,27 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ OPACITY
11
+ Docs: http://tachyons.io/docs/themes/opacity/
12
+
13
+ */
14
+
15
+ .o-100 { opacity: 1; }
16
+ .o-90 { opacity: .9; }
17
+ .o-80 { opacity: .8; }
18
+ .o-70 { opacity: .7; }
19
+ .o-60 { opacity: .6; }
20
+ .o-50 { opacity: .5; }
21
+ .o-40 { opacity: .4; }
22
+ .o-30 { opacity: .3; }
23
+ .o-20 { opacity: .2; }
24
+ .o-10 { opacity: .1; }
25
+ .o-05 { opacity: .05; }
26
+ .o-025 { opacity: .025; }
27
+ .o-0 { opacity: 0; }
@@ -0,0 +1,39 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ OUTLINES
11
+
12
+ Media Query Extensions:
13
+ -ns = not-small
14
+ -m = medium
15
+ -l = large
16
+
17
+ */
18
+
19
+ .outline { outline: 1px solid; }
20
+ .outline-transparent { outline: 1px solid transparent; }
21
+ .outline-0 { outline: 0; }
22
+
23
+ @media #{$breakpoint-not-small} {
24
+ .outline-ns { outline: 1px solid; }
25
+ .outline-transparent-ns { outline: 1px solid transparent; }
26
+ .outline-0-ns { outline: 0; }
27
+ }
28
+
29
+ @media #{$breakpoint-medium} {
30
+ .outline-m { outline: 1px solid; }
31
+ .outline-transparent-m { outline: 1px solid transparent; }
32
+ .outline-0-m { outline: 0; }
33
+ }
34
+
35
+ @media #{$breakpoint-large} {
36
+ .outline-l { outline: 1px solid; }
37
+ .outline-transparent-l { outline: 1px solid transparent; }
38
+ .outline-0-l { outline: 0; }
39
+ }
@@ -0,0 +1,82 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ OVERFLOW
11
+
12
+ Media Query Extensions:
13
+ -ns = not-small
14
+ -m = medium
15
+ -l = large
16
+
17
+ */
18
+
19
+ .overflow-visible { overflow: visible; }
20
+ .overflow-hidden { overflow: hidden; }
21
+ .overflow-scroll { overflow: scroll; }
22
+ .overflow-auto { overflow: auto; }
23
+
24
+ .overflow-x-visible { overflow-x: visible; }
25
+ .overflow-x-hidden { overflow-x: hidden; }
26
+ .overflow-x-scroll { overflow-x: scroll; }
27
+ .overflow-x-auto { overflow-x: auto; }
28
+
29
+ .overflow-y-visible { overflow-y: visible; }
30
+ .overflow-y-hidden { overflow-y: hidden; }
31
+ .overflow-y-scroll { overflow-y: scroll; }
32
+ .overflow-y-auto { overflow-y: auto; }
33
+
34
+ @media #{$breakpoint-not-small} {
35
+ .overflow-visible-ns { overflow: visible; }
36
+ .overflow-hidden-ns { overflow: hidden; }
37
+ .overflow-scroll-ns { overflow: scroll; }
38
+ .overflow-auto-ns { overflow: auto; }
39
+ .overflow-x-visible-ns { overflow-x: visible; }
40
+ .overflow-x-hidden-ns { overflow-x: hidden; }
41
+ .overflow-x-scroll-ns { overflow-x: scroll; }
42
+ .overflow-x-auto-ns { overflow-x: auto; }
43
+
44
+ .overflow-y-visible-ns { overflow-y: visible; }
45
+ .overflow-y-hidden-ns { overflow-y: hidden; }
46
+ .overflow-y-scroll-ns { overflow-y: scroll; }
47
+ .overflow-y-auto-ns { overflow-y: auto; }
48
+ }
49
+
50
+ @media #{$breakpoint-medium} {
51
+ .overflow-visible-m { overflow: visible; }
52
+ .overflow-hidden-m { overflow: hidden; }
53
+ .overflow-scroll-m { overflow: scroll; }
54
+ .overflow-auto-m { overflow: auto; }
55
+
56
+ .overflow-x-visible-m { overflow-x: visible; }
57
+ .overflow-x-hidden-m { overflow-x: hidden; }
58
+ .overflow-x-scroll-m { overflow-x: scroll; }
59
+ .overflow-x-auto-m { overflow-x: auto; }
60
+
61
+ .overflow-y-visible-m { overflow-y: visible; }
62
+ .overflow-y-hidden-m { overflow-y: hidden; }
63
+ .overflow-y-scroll-m { overflow-y: scroll; }
64
+ .overflow-y-auto-m { overflow-y: auto; }
65
+ }
66
+
67
+ @media #{$breakpoint-large} {
68
+ .overflow-visible-l { overflow: visible; }
69
+ .overflow-hidden-l { overflow: hidden; }
70
+ .overflow-scroll-l { overflow: scroll; }
71
+ .overflow-auto-l { overflow: auto; }
72
+
73
+ .overflow-x-visible-l { overflow-x: visible; }
74
+ .overflow-x-hidden-l { overflow-x: hidden; }
75
+ .overflow-x-scroll-l { overflow-x: scroll; }
76
+ .overflow-x-auto-l { overflow-x: auto; }
77
+
78
+ .overflow-y-visible-l { overflow-y: visible; }
79
+ .overflow-y-hidden-l { overflow-y: hidden; }
80
+ .overflow-y-scroll-l { overflow-y: scroll; }
81
+ .overflow-y-auto-l { overflow-y: auto; }
82
+ }
@@ -0,0 +1,44 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ POSITIONING
11
+ Docs: http://tachyons.io/docs/layout/position/
12
+
13
+ Media Query Extensions:
14
+ -ns = not-small
15
+ -m = medium
16
+ -l = large
17
+
18
+ */
19
+
20
+ .static { position: static; }
21
+ .relative { position: relative; }
22
+ .absolute { position: absolute; }
23
+ .fixed { position: fixed; }
24
+
25
+ @media #{$breakpoint-not-small} {
26
+ .static-ns { position: static; }
27
+ .relative-ns { position: relative; }
28
+ .absolute-ns { position: absolute; }
29
+ .fixed-ns { position: fixed; }
30
+ }
31
+
32
+ @media #{$breakpoint-medium} {
33
+ .static-m { position: static; }
34
+ .relative-m { position: relative; }
35
+ .absolute-m { position: absolute; }
36
+ .fixed-m { position: fixed; }
37
+ }
38
+
39
+ @media #{$breakpoint-large} {
40
+ .static-l { position: static; }
41
+ .relative-l { position: relative; }
42
+ .absolute-l { position: absolute; }
43
+ .fixed-l { position: fixed; }
44
+ }
@@ -0,0 +1,50 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ ROTATIONS
11
+
12
+ */
13
+
14
+ .rotate-45 { transform: rotate(45deg); }
15
+ .rotate-90 { transform: rotate(90deg); }
16
+ .rotate-135 { transform: rotate(135deg); }
17
+ .rotate-180 { transform: rotate(180deg); }
18
+ .rotate-225 { transform: rotate(225deg); }
19
+ .rotate-270 { transform: rotate(270deg); }
20
+ .rotate-315 { transform: rotate(315deg); }
21
+
22
+ @media #{$breakpoint-not-small}{
23
+ .rotate-45-ns { transform: rotate(45deg); }
24
+ .rotate-90-ns { transform: rotate(90deg); }
25
+ .rotate-135-ns { transform: rotate(135deg); }
26
+ .rotate-180-ns { transform: rotate(180deg); }
27
+ .rotate-225-ns { transform: rotate(225deg); }
28
+ .rotate-270-ns { transform: rotate(270deg); }
29
+ .rotate-315-ns { transform: rotate(315deg); }
30
+ }
31
+
32
+ @media #{$breakpoint-medium}{
33
+ .rotate-45-m { transform: rotate(45deg); }
34
+ .rotate-90-m { transform: rotate(90deg); }
35
+ .rotate-135-m { transform: rotate(135deg); }
36
+ .rotate-180-m { transform: rotate(180deg); }
37
+ .rotate-225-m { transform: rotate(225deg); }
38
+ .rotate-270-m { transform: rotate(270deg); }
39
+ .rotate-315-m { transform: rotate(315deg); }
40
+ }
41
+
42
+ @media #{$breakpoint-large}{
43
+ .rotate-45-l { transform: rotate(45deg); }
44
+ .rotate-90-l { transform: rotate(90deg); }
45
+ .rotate-135-l { transform: rotate(135deg); }
46
+ .rotate-180-l { transform: rotate(180deg); }
47
+ .rotate-225-l { transform: rotate(225deg); }
48
+ .rotate-270-l { transform: rotate(270deg); }
49
+ .rotate-315-l { transform: rotate(315deg); }
50
+ }
@@ -0,0 +1,243 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ SKINS:PSEUDO
11
+
12
+ Customize the color of an element when
13
+ it is focused or hovered over.
14
+
15
+ */
16
+
17
+ .hover-black:hover,
18
+ .hover-black:focus { color: $black; }
19
+ .hover-near-black:hover,
20
+ .hover-near-black:focus { color: $near-black; }
21
+ .hover-dark-gray:hover,
22
+ .hover-dark-gray:focus { color: $dark-gray; }
23
+ .hover-mid-gray:hover,
24
+ .hover-mid-gray:focus { color: $mid-gray; }
25
+ .hover-gray:hover,
26
+ .hover-gray:focus { color: $gray; }
27
+ .hover-silver:hover,
28
+ .hover-silver:focus { color: $silver; }
29
+ .hover-light-silver:hover,
30
+ .hover-light-silver:focus { color: $light-silver; }
31
+ .hover-moon-gray:hover,
32
+ .hover-moon-gray:focus { color: $moon-gray; }
33
+ .hover-light-gray:hover,
34
+ .hover-light-gray:focus { color: $light-gray; }
35
+ .hover-near-white:hover,
36
+ .hover-near-white:focus { color: $near-white; }
37
+ .hover-white:hover,
38
+ .hover-white:focus { color: $white; }
39
+
40
+ .hover-black-90:hover,
41
+ .hover-black-90:focus { color: $black-90; }
42
+ .hover-black-80:hover,
43
+ .hover-black-80:focus { color: $black-80; }
44
+ .hover-black-70:hover,
45
+ .hover-black-70:focus { color: $black-70; }
46
+ .hover-black-60:hover,
47
+ .hover-black-60:focus { color: $black-60; }
48
+ .hover-black-50:hover,
49
+ .hover-black-50:focus { color: $black-50; }
50
+ .hover-black-40:hover,
51
+ .hover-black-40:focus { color: $black-40; }
52
+ .hover-black-30:hover,
53
+ .hover-black-30:focus { color: $black-30; }
54
+ .hover-black-20:hover,
55
+ .hover-black-20:focus { color: $black-20; }
56
+ .hover-black-10:hover,
57
+ .hover-black-10:focus { color: $black-10; }
58
+ .hover-white-90:hover,
59
+ .hover-white-90:focus { color: $white-90; }
60
+ .hover-white-80:hover,
61
+ .hover-white-80:focus { color: $white-80; }
62
+ .hover-white-70:hover,
63
+ .hover-white-70:focus { color: $white-70; }
64
+ .hover-white-60:hover,
65
+ .hover-white-60:focus { color: $white-60; }
66
+ .hover-white-50:hover,
67
+ .hover-white-50:focus { color: $white-50; }
68
+ .hover-white-40:hover,
69
+ .hover-white-40:focus { color: $white-40; }
70
+ .hover-white-30:hover,
71
+ .hover-white-30:focus { color: $white-30; }
72
+ .hover-white-20:hover,
73
+ .hover-white-20:focus { color: $white-20; }
74
+ .hover-white-10:hover,
75
+ .hover-white-10:focus { color: $white-10; }
76
+ .hover-inherit:hover,
77
+ .hover-inherit:focus { color: inherit; }
78
+
79
+ .hover-bg-black:hover,
80
+ .hover-bg-black:focus { background-color: $black; }
81
+ .hover-bg-near-black:hover,
82
+ .hover-bg-near-black:focus { background-color: $near-black; }
83
+ .hover-bg-dark-gray:hover,
84
+ .hover-bg-dark-gray:focus { background-color: $dark-gray; }
85
+ .hover-bg-mid-gray:hover,
86
+ .hover-bg-mid-gray:focus { background-color: $mid-gray; }
87
+ .hover-bg-gray:hover,
88
+ .hover-bg-gray:focus { background-color: $gray; }
89
+ .hover-bg-silver:hover,
90
+ .hover-bg-silver:focus { background-color: $silver; }
91
+ .hover-bg-light-silver:hover,
92
+ .hover-bg-light-silver:focus { background-color: $light-silver; }
93
+ .hover-bg-moon-gray:hover,
94
+ .hover-bg-moon-gray:focus { background-color: $moon-gray; }
95
+ .hover-bg-light-gray:hover,
96
+ .hover-bg-light-gray:focus { background-color: $light-gray; }
97
+ .hover-bg-near-white:hover,
98
+ .hover-bg-near-white:focus { background-color: $near-white; }
99
+ .hover-bg-white:hover,
100
+ .hover-bg-white:focus { background-color: $white; }
101
+ .hover-bg-transparent:hover,
102
+ .hover-bg-transparent:focus { background-color: $transparent; }
103
+
104
+ .hover-bg-black-90:hover,
105
+ .hover-bg-black-90:focus { background-color: $black-90; }
106
+ .hover-bg-black-80:hover,
107
+ .hover-bg-black-80:focus { background-color: $black-80; }
108
+ .hover-bg-black-70:hover,
109
+ .hover-bg-black-70:focus { background-color: $black-70; }
110
+ .hover-bg-black-60:hover,
111
+ .hover-bg-black-60:focus { background-color: $black-60; }
112
+ .hover-bg-black-50:hover,
113
+ .hover-bg-black-50:focus { background-color: $black-50; }
114
+ .hover-bg-black-40:hover,
115
+ .hover-bg-black-40:focus { background-color: $black-40; }
116
+ .hover-bg-black-30:hover,
117
+ .hover-bg-black-30:focus { background-color: $black-30; }
118
+ .hover-bg-black-20:hover,
119
+ .hover-bg-black-20:focus { background-color: $black-20; }
120
+ .hover-bg-black-10:hover,
121
+ .hover-bg-black-10:focus { background-color: $black-10; }
122
+ .hover-bg-white-90:hover,
123
+ .hover-bg-white-90:focus { background-color: $white-90; }
124
+ .hover-bg-white-80:hover,
125
+ .hover-bg-white-80:focus { background-color: $white-80; }
126
+ .hover-bg-white-70:hover,
127
+ .hover-bg-white-70:focus { background-color: $white-70; }
128
+ .hover-bg-white-60:hover,
129
+ .hover-bg-white-60:focus { background-color: $white-60; }
130
+ .hover-bg-white-50:hover,
131
+ .hover-bg-white-50:focus { background-color: $white-50; }
132
+ .hover-bg-white-40:hover,
133
+ .hover-bg-white-40:focus { background-color: $white-40; }
134
+ .hover-bg-white-30:hover,
135
+ .hover-bg-white-30:focus { background-color: $white-30; }
136
+ .hover-bg-white-20:hover,
137
+ .hover-bg-white-20:focus { background-color: $white-20; }
138
+ .hover-bg-white-10:hover,
139
+ .hover-bg-white-10:focus { background-color: $white-10; }
140
+
141
+ .hover-dark-red:hover,
142
+ .hover-dark-red:focus { color: $dark-red; }
143
+ .hover-red:hover,
144
+ .hover-red:focus { color: $red; }
145
+ .hover-light-red:hover,
146
+ .hover-light-red:focus { color: $light-red; }
147
+ .hover-orange:hover,
148
+ .hover-orange:focus { color: $orange; }
149
+ .hover-gold:hover,
150
+ .hover-gold:focus { color: $gold; }
151
+ .hover-yellow:hover,
152
+ .hover-yellow:focus { color: $yellow; }
153
+ .hover-light-yellow:hover,
154
+ .hover-light-yellow:focus { color: $light-yellow; }
155
+ .hover-purple:hover,
156
+ .hover-purple:focus { color: $purple; }
157
+ .hover-light-purple:hover,
158
+ .hover-light-purple:focus { color: $light-purple; }
159
+ .hover-dark-pink:hover,
160
+ .hover-dark-pink:focus { color: $dark-pink; }
161
+ .hover-hot-pink:hover,
162
+ .hover-hot-pink:focus { color: $hot-pink; }
163
+ .hover-pink:hover,
164
+ .hover-pink:focus { color: $pink; }
165
+ .hover-light-pink:hover,
166
+ .hover-light-pink:focus { color: $light-pink; }
167
+ .hover-dark-green:hover,
168
+ .hover-dark-green:focus { color: $dark-green; }
169
+ .hover-green:hover,
170
+ .hover-green:focus { color: $green; }
171
+ .hover-light-green:hover,
172
+ .hover-light-green:focus { color: $light-green; }
173
+ .hover-navy:hover,
174
+ .hover-navy:focus { color: $navy; }
175
+ .hover-dark-blue:hover,
176
+ .hover-dark-blue:focus { color: $dark-blue; }
177
+ .hover-blue:hover,
178
+ .hover-blue:focus { color: $blue; }
179
+ .hover-light-blue:hover,
180
+ .hover-light-blue:focus { color: $light-blue; }
181
+ .hover-lightest-blue:hover,
182
+ .hover-lightest-blue:focus { color: $lightest-blue; }
183
+ .hover-washed-blue:hover,
184
+ .hover-washed-blue:focus { color: $washed-blue; }
185
+ .hover-washed-green:hover,
186
+ .hover-washed-green:focus { color: $washed-green; }
187
+ .hover-washed-yellow:hover,
188
+ .hover-washed-yellow:focus { color: $washed-yellow; }
189
+ .hover-washed-red:hover,
190
+ .hover-washed-red:focus { color: $washed-red; }
191
+
192
+ .hover-bg-dark-red:hover,
193
+ .hover-bg-dark-red:focus { background-color: $dark-red; }
194
+ .hover-bg-red:hover,
195
+ .hover-bg-red:focus { background-color: $red; }
196
+ .hover-bg-light-red:hover,
197
+ .hover-bg-light-red:focus { background-color: $light-red; }
198
+ .hover-bg-orange:hover,
199
+ .hover-bg-orange:focus { background-color: $orange; }
200
+ .hover-bg-gold:hover,
201
+ .hover-bg-gold:focus { background-color: $gold; }
202
+ .hover-bg-yellow:hover,
203
+ .hover-bg-yellow:focus { background-color: $yellow; }
204
+ .hover-bg-light-yellow:hover,
205
+ .hover-bg-light-yellow:focus { background-color: $light-yellow; }
206
+ .hover-bg-purple:hover,
207
+ .hover-bg-purple:focus { background-color: $purple; }
208
+ .hover-bg-light-purple:hover,
209
+ .hover-bg-light-purple:focus { background-color: $light-purple; }
210
+ .hover-bg-dark-pink:hover,
211
+ .hover-bg-dark-pink:focus { background-color: $dark-pink; }
212
+ .hover-bg-hot-pink:hover,
213
+ .hover-bg-hot-pink:focus { background-color: $hot-pink; }
214
+ .hover-bg-pink:hover,
215
+ .hover-bg-pink:focus { background-color: $pink; }
216
+ .hover-bg-light-pink:hover,
217
+ .hover-bg-light-pink:focus { background-color: $light-pink; }
218
+ .hover-bg-dark-green:hover,
219
+ .hover-bg-dark-green:focus { background-color: $dark-green; }
220
+ .hover-bg-green:hover,
221
+ .hover-bg-green:focus { background-color: $green; }
222
+ .hover-bg-light-green:hover,
223
+ .hover-bg-light-green:focus { background-color: $light-green; }
224
+ .hover-bg-navy:hover,
225
+ .hover-bg-navy:focus { background-color: $navy; }
226
+ .hover-bg-dark-blue:hover,
227
+ .hover-bg-dark-blue:focus { background-color: $dark-blue; }
228
+ .hover-bg-blue:hover,
229
+ .hover-bg-blue:focus { background-color: $blue; }
230
+ .hover-bg-light-blue:hover,
231
+ .hover-bg-light-blue:focus { background-color: $light-blue; }
232
+ .hover-bg-lightest-blue:hover,
233
+ .hover-bg-lightest-blue:focus { background-color: $lightest-blue; }
234
+ .hover-bg-washed-blue:hover,
235
+ .hover-bg-washed-blue:focus { background-color: $washed-blue; }
236
+ .hover-bg-washed-green:hover,
237
+ .hover-bg-washed-green:focus { background-color: $washed-green; }
238
+ .hover-bg-washed-yellow:hover,
239
+ .hover-bg-washed-yellow:focus { background-color: $washed-yellow; }
240
+ .hover-bg-washed-red:hover,
241
+ .hover-bg-washed-red:focus { background-color: $washed-red; }
242
+ .hover-bg-inherit:hover,
243
+ .hover-bg-inherit:focus { background-color: inherit; }