Changeset 39340

Timestamp:

11/22/2016 08:46:04 PM (8 years ago)

Author:

joemcgill

Message:

Twenty Seventeen: CSS coding standards fixes.

This makes a few adjustments to CSS to bring them inline with WordPress
CSS coding standards including:

• Font weights should be defined using numeric values
• Do not pad parentheses with spaces

This also fixes a couple of typos to inline comments.

Props netweb for initial patch.
Fixes #38901.

Location:

trunk/src/wp-content/themes/twentyseventeen

Files:

• assets/css/ie8.css (modified) (2 diffs)
• style.css (modified) (5 diffs)

trunk/src/wp-content/themes/twentyseventeen/assets/css/ie8.css

@@ -93 +93 @@
 .site-title {
     font-size: 36px;
-    font-weight: bolder;
+    font-weight: 700;
 }
 
@@ -189 +189 @@
 .entry-meta + .entry-title {
     font-size: 26px;
-    font-weight: normal;
+    font-weight: 400;
     letter-spacing: normal;
     padding-top: 0;

trunk/src/wp-content/themes/twentyseventeen/style.css

@@ -122 +122 @@
 b,
 strong {
-    font-weight: bolder;
+    font-weight: 700;
 }
 
@@ -1681 +1681 @@
 }
 
-.wp-custom-header .wp-custom-header-video-button { /* Speficity prevents .color-dark button overrides */
-    background-color: rgba( 34, 34, 34, 0.5 );
-    border: 1px solid rgba( 255, 255, 255, 0.6 );
-    color: rgba( 255, 255, 255, 0.6 );
+.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
+    background-color: rgba(34, 34, 34, 0.5);
+    border: 1px solid rgba(255, 255, 255, 0.6);
+    color: rgba(255, 255, 255, 0.6);
     height: 45px;
     overflow: hidden;
@@ -1697 +1697 @@
 
 .wp-custom-header .wp-custom-header-video-button:hover,
-.wp-custom-header .wp-custom-header-video-button:focus { /* SSpeficity prevents .color-dark button overrides */
-    border-color: rgba( 255, 255, 255, 0.8 );
-    background-color: rgba( 34, 34, 34, 0.8 );
+.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
+    border-color: rgba(255, 255, 255, 0.8);
+    background-color: rgba(34, 34, 34, 0.8);
     color: #fff;
 }
@@ -3036 +3036 @@
     font-size: 20px;
     font-size: 1.25rem;
-    font-weight: normal;
+    font-weight: 400;
     line-height: 1;
     -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
@@ -3083 +3083 @@
 /* Adjust positioning of edit shortcuts, override style in customize-preview.css */
 @media screen and (min-width: 20em) {
+
     body.customize-partial-edit-shortcuts-shown .site-header .site-title {
         padding-left: 0;