Changeset 39340

Timestamp:

11/22/2016 08:46:04 PM (10 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;