Skip to content

Commit 00724a7

Browse files
committed
Updated CSS per Stylelint recommendations
1 parent e4eef5b commit 00724a7

File tree

1 file changed

+39
-41
lines changed

1 file changed

+39
-41
lines changed

styles.css

Lines changed: 39 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
html {
77
height: 101%;
8-
text-rendering: optimizeLegibility;
8+
text-rendering: optimizelegibility;
99
-webkit-font-smoothing: antialiased;
1010
}
1111

@@ -21,10 +21,28 @@ body {
2121
a {
2222
color: #444;
2323
text-decoration: none;
24+
outline: none;
25+
}
26+
27+
section a {
28+
border-bottom: 2px #090 solid;
29+
padding-bottom: 1px;
30+
}
31+
32+
section span a {
33+
background-color: #CFC;
34+
border-bottom: none;
35+
border-radius: 0.25em;
36+
color: #090;
37+
padding: 0 0.2em;
38+
}
39+
40+
nav li a {
41+
color: #090;
42+
border-bottom: 2px #090 solid;
43+
padding-bottom: 1px;
2444
}
2545

26-
a,
27-
a:hover,
2846
a:active,
2947
a:visited {
3048
outline: none;
@@ -33,6 +51,7 @@ a:visited {
3351
a:hover {
3452
border-bottom: none;
3553
color: #090;
54+
outline: none;
3655
}
3756

3857
hr {
@@ -97,10 +116,6 @@ p {
97116
margin-bottom: 1.0em;
98117
}
99118

100-
blockquote p:last-child {
101-
margin-bottom: 0;
102-
}
103-
104119
blockquote {
105120
background: #EEE;
106121
border-left: 20px solid #CCC;
@@ -172,6 +187,10 @@ ol {
172187
margin-left: 1.5em;
173188
}
174189

190+
nav ul {
191+
margin-left: 0;
192+
}
193+
175194
li ul,
176195
li ol {
177196
margin-bottom: 0.5em;
@@ -191,15 +210,15 @@ li p {
191210
margin-bottom: 0.5em;
192211
}
193212

213+
blockquote p:last-child {
214+
margin-bottom: 0;
215+
}
216+
194217
nav {
195218
overflow: hidden;
196219
padding: 0.5em 0;
197220
}
198221

199-
nav ul {
200-
margin-left: 0;
201-
}
202-
203222
nav li {
204223
float: left;
205224
font-weight: bold;
@@ -208,10 +227,8 @@ nav li {
208227
margin-right: 1.2em;
209228
}
210229

211-
nav li a {
212-
color: #090;
213-
border-bottom: 2px #090 solid;
214-
padding-bottom: 1px;
230+
section a:hover {
231+
border-bottom: 2px #FFF solid;
215232
}
216233

217234
nav li a:hover,
@@ -234,24 +251,7 @@ footer {
234251
}
235252

236253
section {
237-
margin: 2.0em 2.2em 0 2.2em;
238-
}
239-
240-
section a {
241-
border-bottom: 2px #090 solid;
242-
padding-bottom: 1px;
243-
}
244-
245-
section a:hover {
246-
border-bottom: 2px #FFF solid;
247-
}
248-
249-
section span a {
250-
background-color: #CFC;
251-
border-bottom: none;
252-
border-radius: 0.25em;
253-
color: #090;
254-
padding: 0 0.2em;
254+
margin: 2.0em 2.2em 0;
255255
}
256256

257257
section span a:hover {
@@ -265,10 +265,9 @@ section span a:hover {
265265
Tablet Screen Styles
266266
*/
267267

268-
@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
269-
270-
body {
271-
-webkit-text-size-adjust: 100%;
268+
@media screen and (device-width <= 1024px), screen and (width <= 1024px) {
269+
body {
270+
text-size-adjust: 100%;
272271
padding: 1em;
273272
margin: 0 auto;
274273
width: 800px;
@@ -289,10 +288,9 @@ section span a:hover {
289288
Small Screen Styles
290289
*/
291290

292-
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 800px) {
293-
291+
@media handheld and (width <= 480px), screen and (device-width <= 480px), screen and (width <= 800px) {
294292
body {
295-
-webkit-text-size-adjust: 100%;
293+
text-size-adjust: 100%;
296294
padding: 1em;
297295
margin: 0 auto;
298296
width: 90%;
@@ -309,7 +307,7 @@ section span a:hover {
309307
}
310308

311309
h3 {
312-
margin: 20px 0 20px 0;
310+
margin: 20px 0;
313311
}
314312

315313
p {

0 commit comments

Comments
 (0)