From 4b575d6ae0675dfa078f8a06eac6bedfa059ef87 Mon Sep 17 00:00:00 2001 From: Jonathan Desrosiers Date: Tue, 18 Dec 2018 22:17:55 +0000 Subject: [PATCH] Twenty Eleven: Correct `font-size` and button issues. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Update a mistake in Twenty Eleven's block editor styles that erroneously sets the `font-size` to `300`, when it should set the `font-weight` to `300`. This was causing browsers in quirks mode to make the editor font size very large. Also, simplify some of the button block’s CSS selectors in the theme, to make sure the default colors don’t override the custom colors on the front end. Props laurelfulford. Merges [44190] and [44191] to trunk. Fixes #45421, #45433. git-svn-id: https://develop.svn.wordpress.org/trunk@44301 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyeleven/blocks.css | 9 ++++++--- src/wp-content/themes/twentyeleven/editor-blocks.css | 2 +- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/wp-content/themes/twentyeleven/blocks.css b/src/wp-content/themes/twentyeleven/blocks.css index c3b2089d9c..a0071b0709 100644 --- a/src/wp-content/themes/twentyeleven/blocks.css +++ b/src/wp-content/themes/twentyeleven/blocks.css @@ -232,14 +232,12 @@ p.has-drop-cap:not(:focus)::first-letter { /* Buttons */ .wp-block-button .wp-block-button__link { - background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); - color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; @@ -247,7 +245,12 @@ p.has-drop-cap:not(:focus)::first-letter { text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } -.wp-block-button .wp-block-button__link:active { +.wp-block-button__link { + background: #222; + color: #eee; +} + +.wp-block-button__link:active { background: #1982d1; color: #bfddf3; } diff --git a/src/wp-content/themes/twentyeleven/editor-blocks.css b/src/wp-content/themes/twentyeleven/editor-blocks.css index 88935f1949..8858430e56 100644 --- a/src/wp-content/themes/twentyeleven/editor-blocks.css +++ b/src/wp-content/themes/twentyeleven/editor-blocks.css @@ -23,7 +23,7 @@ Description: Used to style Gutenberg Blocks in the editor. .editor-default-block-appender input[type="text"].editor-default-block-appender__content { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; - font-size: 300; + font-weight: 300; line-height: 1.625; }