Latest form/button amends from my framework

Author: philwareham

dist/classic/assets/css/textpattern.css

@@ -2,7 +2,7 @@
    ========================================================================== */
 
 /**
- * 1. Correct `button` style inheritance in Firefox, IE 11, and Opera.
+ * 1. Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 2. Address `overflow` set to `hidden` in IE 11.
  */
 
@@ -13,6 +13,18 @@ button {
     overflow: visible;
 }
 
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+    padding: 0;
+    border-style: none;
+}
+
 /**
  * 1. Improve usability and consistency of cursor style between image-type
  *    `input` and others.

src/assets/sass/modules/_buttons.scss

@@ -77,26 +77,6 @@ textarea,
     box-sizing: border-box;
 }
 
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-    padding: 0;
-    border-style: none;
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
 /**
  * Styling of form input fields.
  *
@@ -172,6 +152,24 @@ textarea {
     }
 }
 
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+    height: auto;
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+    /* autoprefixer: off */
+    appearance: none;
+}
+
 /**
  * Use indicator icon to signify the drop-down ability of `select`.
  */