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
This commit is contained in:
Joe McGill 2016-11-22 20:46:04 +00:00
parent bf4dd6a8cb
commit 59db3d7e76
2 changed files with 12 additions and 11 deletions

View File

@ -92,7 +92,7 @@ img {
.site-title { .site-title {
font-size: 36px; font-size: 36px;
font-weight: bolder; font-weight: 700;
} }
.site-description { .site-description {
@ -188,7 +188,7 @@ time.published {
.page .entry-title, .page .entry-title,
.entry-meta + .entry-title { .entry-meta + .entry-title {
font-size: 26px; font-size: 26px;
font-weight: normal; font-weight: 400;
letter-spacing: normal; letter-spacing: normal;
padding-top: 0; padding-top: 0;
text-transform: none; text-transform: none;

View File

@ -121,7 +121,7 @@ strong {
b, b,
strong { strong {
font-weight: bolder; font-weight: 700;
} }
code, code,
@ -1680,7 +1680,7 @@ body:not(.title-tagline-hidden) .site-branding-text {
transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
} }
.wp-custom-header .wp-custom-header-video-button { /* Speficity prevents .color-dark button overrides */ .wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
background-color: rgba(34, 34, 34, 0.5); background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1696,7 +1696,7 @@ 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:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* SSpeficity prevents .color-dark button overrides */ .wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
border-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8); background-color: rgba(34, 34, 34, 0.8);
color: #fff; color: #fff;
@ -3035,7 +3035,7 @@ object {
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down { .no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px; font-size: 20px;
font-size: 1.25rem; font-size: 1.25rem;
font-weight: normal; font-weight: 400;
line-height: 1; line-height: 1;
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(180deg); /* IE 9 */ -ms-transform: rotate(180deg); /* IE 9 */
@ -3082,6 +3082,7 @@ object {
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */ /* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) { @media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title { body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0; padding-left: 0;
} }