Skip to content

Commit e5219cc

Browse files
committed
Separate out selector targeted fixes for readability
1 parent 3a43553 commit e5219cc

1 file changed

Lines changed: 47 additions & 22 deletions

File tree

normalize.css

Lines changed: 47 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -46,12 +46,10 @@ h1 {
4646

4747
/**
4848
* Add the correct display in IE 9-.
49-
* 1. Add the correct display in IE.
5049
*/
5150

5251
figcaption,
53-
figure,
54-
main { /* 1 */
52+
figure {
5553
display: block;
5654
}
5755

@@ -74,6 +72,14 @@ hr {
7472
overflow: visible; /* 2 */
7573
}
7674

75+
/**
76+
* Add the correct display in IE.
77+
*/
78+
79+
main {
80+
display: block;
81+
}
82+
7783
/**
7884
* 1. Correct the inheritance and scaling of font size in all browsers.
7985
* 2. Correct the odd `em` font sizing in all browsers.
@@ -237,36 +243,33 @@ textarea {
237243
}
238244

239245
/**
240-
* Show the overflow in IE.
241-
* 1. Show the overflow in Edge.
246+
* 1. Show the overflow in IE.
247+
* 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
242248
*/
243249

244-
button,
245-
input { /* 1 */
246-
overflow: visible;
250+
button {
251+
overflow: visible; /* 1 */
252+
text-transform: none; /* 2 */
247253
}
248254

249255
/**
250-
* Remove the inheritance of text transform in Edge, Firefox, and IE.
251-
* 1. Remove the inheritance of text transform in Firefox.
256+
* Correct the inability to style clickable types in iOS and Safari.
252257
*/
253258

254259
button,
255-
select { /* 1 */
256-
text-transform: none;
260+
[type="button"],
261+
[type="reset"],
262+
[type="submit"] {
263+
-webkit-appearance: button;
257264
}
258265

259266
/**
260-
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
261-
* controls in Android 4.
262-
* 2. Correct the inability to style clickable types in iOS and Safari.
267+
* Prevent a WebKit bug where (2) destroys native `audio` and `video` controls
268+
* in Android 4.
263269
*/
264270

265-
button,
266-
html [type="button"], /* 1 */
267-
[type="reset"],
268-
[type="submit"] {
269-
-webkit-appearance: button; /* 2 */
271+
html [type="button"] {
272+
-webkit-appearance: button;
270273
}
271274

272275
/**
@@ -300,6 +303,14 @@ fieldset {
300303
padding: 0.35em 0.75em 0.625em;
301304
}
302305

306+
/**
307+
* Show the overflow in Edge, IE.
308+
*/
309+
310+
input {
311+
overflow: visible;
312+
}
313+
303314
/**
304315
* 1. Correct the text wrapping in Edge and IE.
305316
* 2. Correct the color inheritance from `fieldset` elements in IE.
@@ -326,6 +337,14 @@ progress {
326337
vertical-align: baseline; /* 2 */
327338
}
328339

340+
/**
341+
* Remove the inheritance of text transform in Firefox.
342+
*/
343+
344+
select {
345+
text-transform: none;
346+
}
347+
329348
/**
330349
* Remove the default vertical scrollbar in IE.
331350
*/
@@ -386,12 +405,18 @@ textarea {
386405
/* Interactive
387406
========================================================================== */
388407

408+
/*
409+
* Add the correct display in Edge, IE, and Firefox.
410+
*/
411+
412+
details {
413+
display: block;
414+
}
415+
389416
/*
390417
* Add the correct display in IE 9-.
391-
* 1. Add the correct display in Edge, IE, and Firefox.
392418
*/
393419

394-
details, /* 1 */
395420
menu {
396421
display: block;
397422
}

0 commit comments

Comments
 (0)