1
1
@charset "UTF-8" ;
2
2
3
-
4
-
5
3
/* VARIABLES -------------------------------------------------------------- */
6
4
7
5
: root {
8
6
--heading-font : 'Open Sans' , sans-serif;
9
7
--subheading-font : 'Open Sans' , sans-serif;
10
8
--body-font : 'Open Sans' , sans-serif;
11
- --minor-font : 'Open Sans' , sans-serif;
12
- --heading-color : rgba (50 , 50 , 50 , .9 );
9
+ --heading-color : rgba (40 , 40 , 80 , .9 );
13
10
--subheading-color : rgb (0 , 0 , 0 );
14
- --body-color : rgba (70 , 70 , 70 , .9 );
15
- --minor-color : rgb (190 , 190 , 190 );
16
- --emphasis-color : rgb (110 , 116 , 129 );
17
- --emphasis-color-light : rgb (220 , 220 , 220 );
18
- --emphasis-color-dark : rgb (45 , 47 , 55 );
11
+ --body-color : rgba (70 , 70 , 85 , .9 );
12
+ --minor-color : rgb (200 , 200 , 210 );
13
+ --emphasis-color : rgb (120 , 120 , 140 );
14
+ --emphasis-color-dark : rgb (100 , 100 , 120 );
19
15
}
20
16
21
17
32
28
-ms-text-size-adjust : 100% ;
33
29
-webkit-text-size-adjust : 100% ;
34
30
text-size-adjust : 100% ;
35
-
36
31
}
37
32
38
33
body {
@@ -145,26 +140,6 @@ ul {
145
140
146
141
/* COMPONENTS ------------------------------------------------------------ */
147
142
148
- .icon-group {
149
- border-top : 1px solid rgb (200 , 200 , 200 );
150
- margin : 20px 0 ;
151
- padding-top : 12px ;
152
- }
153
-
154
- .icon-group--item {
155
- display : inline-block;
156
- padding-right : 10px ;
157
- }
158
-
159
- .icon-group--link {
160
- color : var (--emphasis-color );
161
- font-size : 1.15rem ;
162
- }
163
-
164
- .icon-group--link : hover {
165
- color : var (--emphasis-color-dark );
166
- }
167
-
168
143
.subscribe-form {
169
144
width : 100% ;
170
145
}
199
174
}
200
175
201
176
.subscribe-form__submit : focus {
202
- background : var (--emphasis-color-darker );
177
+ background : var (--emphasis-color-dark );
203
178
}
204
179
205
180
208
183
209
184
.gradient-bg {
210
185
background : var (--emphasis-color );
211
- background : linear-gradient (to bottom right, var (--emphasis-color-darker ), var (--emphasis-color ));
186
+ background : linear-gradient (to bottom right, var (--emphasis-color-dark ), var (--emphasis-color ));
212
187
}
213
188
214
189
@@ -228,12 +203,12 @@ ul {
228
203
229
204
::selection {
230
205
background : var (--emphasis-color );
231
- color : # FFF ;
206
+ color : # fff ;
232
207
}
233
208
234
209
::-moz-selection {
235
210
background : var (--emphasis-color );
236
- color : # FFF ;
211
+ color : # fff ;
237
212
}
238
213
239
214
::-moz-focus-inner {
0 commit comments