Separate out selector targeted fixes for readability

1 files changed, 47 insertions, 22 deletions

diff --git a/normalize.css b/normalize.css
index 489d61d..c3a2113 100644
--- a/normalize.css
+++ b/normalize.css
@@ -46,12 +46,10 @@ h1 {
 
 /**
  * Add the correct display in IE 9-.
- * 1. Add the correct display in IE.
  */
 
 figcaption,
-figure,
-main { /* 1 */
+figure {
   display: block;
 }
 
@@ -75,6 +73,14 @@ hr {
 }
 
 /**
+ * Add the correct display in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
@@ -237,36 +243,33 @@ textarea {
 }
 
 /**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
  */
 
-button,
-input { /* 1 */
-  overflow: visible;
+button {
+  overflow: visible; /* 1 */
+  text-transform: none; /* 2 */
 }
 
 /**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
+ * Correct the inability to style clickable types in iOS and Safari.
  */
 
 button,
-select { /* 1 */
-  text-transform: none;
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
 }
 
 /**
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
- *    controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS and Safari.
+ * Prevent a WebKit bug where (2) destroys native `audio` and `video` controls
+ * in Android 4.
  */
 
-button,
-html [type="button"], /* 1 */
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button; /* 2 */
+html [type="button"] {
+  -webkit-appearance: button;
 }
 
 /**
@@ -301,6 +304,14 @@ fieldset {
 }
 
 /**
+ * Show the overflow in Edge, IE.
+ */
+
+input {
+  overflow: visible;
+}
+
+/**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
@@ -327,6 +338,14 @@ progress {
 }
 
 /**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+  text-transform: none;
+}
+
+/**
  * Remove the default vertical scrollbar in IE.
  */
 
@@ -387,11 +406,17 @@ textarea {
    ========================================================================== */
 
 /*
+ * Add the correct display in Edge, IE, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
  * Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
  */
 
-details, /* 1 */
 menu {
   display: block;
 }