From 59db3d7e761692d6ec315e5903630c02abc1f52a Mon Sep 17 00:00:00 2001 From: Joe McGill Date: Tue, 22 Nov 2016 20:46:04 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@39340 602fd350-edb4-49c9-b593-d223f7449a82 --- .../themes/twentyseventeen/assets/css/ie8.css | 4 ++-- .../themes/twentyseventeen/style.css | 19 ++++++++++--------- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/src/wp-content/themes/twentyseventeen/assets/css/ie8.css b/src/wp-content/themes/twentyseventeen/assets/css/ie8.css index f0e315d069..83342bafbe 100644 --- a/src/wp-content/themes/twentyseventeen/assets/css/ie8.css +++ b/src/wp-content/themes/twentyseventeen/assets/css/ie8.css @@ -92,7 +92,7 @@ img { .site-title { font-size: 36px; - font-weight: bolder; + font-weight: 700; } .site-description { @@ -188,7 +188,7 @@ time.published { .page .entry-title, .entry-meta + .entry-title { font-size: 26px; - font-weight: normal; + font-weight: 400; letter-spacing: normal; padding-top: 0; text-transform: none; diff --git a/src/wp-content/themes/twentyseventeen/style.css b/src/wp-content/themes/twentyseventeen/style.css index 0acf9c6fb2..ed06206297 100644 --- a/src/wp-content/themes/twentyseventeen/style.css +++ b/src/wp-content/themes/twentyseventeen/style.css @@ -121,7 +121,7 @@ strong { b, strong { - font-weight: bolder; + font-weight: 700; } code, @@ -1680,10 +1680,10 @@ body:not(.title-tagline-hidden) .site-branding-text { transform: translateX(-50%) translateY(-50%); } -.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; padding: 0; @@ -1696,9 +1696,9 @@ body:not(.title-tagline-hidden) .site-branding-text { } .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; } @@ -3035,7 +3035,7 @@ object { .no-svg .dropdown-toggle .svg-fallback.icon-angle-down { font-size: 20px; font-size: 1.25rem; - font-weight: normal; + font-weight: 400; line-height: 1; -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(180deg); /* IE 9 */ @@ -3082,6 +3082,7 @@ object { /* 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; }