Remove an unused rule, add another

Author: philwareham

dist/four-point-seven/styles/default.css

@@ -6,7 +6,8 @@
 /**
  * Add the correct display in Edge, IE 11, and Firefox.
  */
-details {
+details,
+main {
   display: block;
 }
 
@@ -906,21 +907,6 @@ nav ol::after,
     outline: 1px solid transparent;
   }
   /**
- * Fix vertical alignment of `color` fields with their label.
- */
-  [type="color"] {
-    vertical-align: middle;
-  }
-  /**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-  [type="number"]::-webkit-inner-spin-button,
-  [type="number"]::-webkit-outer-spin-button {
-    height: auto;
-  }
-  /**
  * 1. Remove any excess padding.
  * 2. Correct margins for inline checkbox/radio labels.
  */
@@ -940,6 +926,13 @@ nav ol::after,
     margin: 0;
   }
   /**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+  [type="number"]::-webkit-inner-spin-button,
+  [type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+  /**
  * Use indicator icon to signify the drop-down ability of `select`.
  */
   select {

package-lock.json

@@ -5,7 +5,8 @@
  * Add the correct display in Edge, IE 11, and Firefox.
  */
 
-details {
+details,
+main {
     display: block;
 }
 

src/scss/modules/_base.scss

@@ -126,25 +126,6 @@ textarea {
     }
 }
 
-/**
- * Fix vertical alignment of `color` fields with their label.
- */
-
-[type="color"] {
-    vertical-align: middle;
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-    height: auto;
-}
-
 /**
  * 1. Remove any excess padding.
  * 2. Correct margins for inline checkbox/radio labels.
@@ -166,6 +147,15 @@ textarea {
     }
 }
 
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+    height: auto;
+}
+
 /**
  * Use indicator icon to signify the drop-down ability of `select`.
  */