Final 4.7.3 public theme build

Author: philwareham

textpattern/setup/themes/four-point-seven/styles/default.css

@@ -11,6 +11,13 @@ main {
   display: block;
 }
 
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline;
+}
+
 /**
  * Add the correct display in all browsers.
  */
@@ -257,7 +264,7 @@ nav ol::after,
     text-decoration: none;
     /* 3 */
     -webkit-text-decoration-skip: ink;
-            text-decoration-skip: ink;
+            text-decoration-skip-ink: auto;
   }
   a:hover, a:active {
     outline: 0;
@@ -276,15 +283,24 @@ nav ol::after,
    */
   h1 a,
 h2 a,
-h3 a {
-    color: #333333;
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+    color: #000000;
   }
   h1 a:hover, h1 a:active,
 h2 a:hover,
 h2 a:active,
 h3 a:hover,
-h3 a:active {
-    color: #333333;
+h3 a:active,
+h4 a:hover,
+h4 a:active,
+h5 a:hover,
+h5 a:active,
+h6 a:hover,
+h6 a:active {
+    color: #000000;
     /* 1 */
     -webkit-text-decoration-color: rgba(51, 51, 51, 0.5);
             text-decoration-color: rgba(51, 51, 51, 0.5);
@@ -345,6 +361,7 @@ h4,
 h5,
 h6 {
     clear: both;
+    color: #000000;
     font-family: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   }
 
@@ -646,7 +663,7 @@ bdo[dir=rtl] {
   [dir=rtl] menu,
 [dir=rtl] ol,
 [dir=rtl] ul {
-    padding: 0 1.75em 0 0;
+    padding: 0 2em 0 0;
   }
 
   [dir=rtl] .site-navigation ul,
@@ -658,7 +675,7 @@ bdo[dir=rtl] {
    * Swap definition description margin positions in RTL languages.
    */
   [dir=rtl] dd {
-    margin: 0 1.75em 0 0;
+    margin: 0 2em 0 0;
   }
 
   /**
@@ -739,10 +756,10 @@ video {
   }
 
   /**
-   * Address margin not present in Safari.
+   * Consistent margins on `figure`.
    */
   figure {
-    margin: 0;
+    margin: 1em 0;
   }
 
   /* Tables
@@ -818,7 +835,7 @@ tfoot td {
   menu,
 ol,
 ul {
-    padding: 0 0 0 1.75em;
+    padding: 0 0 0 2em;
   }
 
   /**
@@ -829,11 +846,18 @@ li > ol {
     margin: 0;
   }
 
+  /**
+   * CSS Lists and Counters Module Level 3 list marker styling.
+   */
+  li::marker {
+    color: color-text-heading;
+  }
+
   /**
    * Address margins set differently.
    */
   dd {
-    margin: 0 0 0 1.75em;
+    margin: 0 0 0 2em;
   }
 
   /**
@@ -892,10 +916,11 @@ li > ol {
   }
 
   /**
-   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   * Show the overflow in Edge.
    */
-  progress {
-    vertical-align: baseline;
+  button,
+input {
+    overflow: visible;
   }
 
   /**
@@ -921,13 +946,6 @@ textarea {
     vertical-align: baseline;
   }
 
-  /**
-   * Remove the inner padding in Chrome and Safari on macOS.
-   */
-  [type=search]::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-
   /**
    * Styling of form input fields.
    *
@@ -1007,6 +1025,14 @@ textarea:focus {
     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`.
    */
@@ -1106,16 +1132,6 @@ span.disabled {
     cursor: default !important;
   }
 
-  /**
-   * Styling for form field validation.
-   */
-  input:focus:invalid,
-select:focus:invalid,
-textarea:focus:invalid {
-    border-color: #9d261d;
-    box-shadow: none;
-  }
-
   /**
    * Width display options for `input` fields. Height display options
    * for textareas.
@@ -1141,6 +1157,56 @@ textarea:focus:invalid {
     height: 9.75em;
   }
 
+  /**
+   * Styling for form field validation.
+   */
+  input:focus:invalid,
+select:focus:invalid,
+textarea:focus:invalid {
+    border-color: #9d261d;
+    box-shadow: none;
+  }
+
+  /**
+   * Styling for Firefox-specfic form field validation.
+   */
+  input:-moz-ui-invalid,
+select:-moz-ui-invalid,
+textarea:-moz-ui-invalid {
+    border-color: #9d261d;
+    box-shadow: none;
+  }
+
+  /**
+   * Normalize form placeholder style across browsers.
+   *
+   * 1. Fix placeholder font properties inheritance.
+   */
+  ::-webkit-input-placeholder {
+    opacity: 1;
+    color: #999999;
+    /* 1 */
+    font: inherit;
+  }
+  :-ms-input-placeholder {
+    opacity: 1;
+    color: #999999;
+    /* 1 */
+    font: inherit;
+  }
+  ::-ms-input-placeholder {
+    opacity: 1;
+    color: #999999;
+    /* 1 */
+    font: inherit;
+  }
+  ::placeholder {
+    opacity: 1;
+    color: #999999;
+    /* 1 */
+    font: inherit;
+  }
+
   /**
    * Styling for required field indicators.
    *
@@ -1157,7 +1223,7 @@ textarea:focus:invalid {
      ========================================================================== */
   /**
    * 1. Address `overflow` set to `hidden` in IE 11.
-   * 2. Correct `button` style inheritance in Firefox, IE 11, and Opera.
+   * 2. Remove the inheritance of text transform in Edge, Firefox, and IE 11.
    */
   button {
     /* 1 */
@@ -1166,6 +1232,17 @@ textarea:focus:invalid {
     text-transform: none;
   }
 
+  /**
+   * 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. Remove browser-specific default styling.
    * 2. Improve usability and consistency of cursor style between image-type
@@ -1234,17 +1311,6 @@ textarea:focus:invalid {
     top: 2px !important;
   }
 
-  /**
-   * 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;
-  }
-
   /* Comments
      ========================================================================== */
   /**
@@ -1302,7 +1368,6 @@ textarea:focus:invalid {
    */
   .comments_error {
     border-color: #9d261d;
-    box-shadow: 0 0 4px 2px #9d261d;
   }
 
   /* Popup comments (can be removed if you don't use popups)