Changeset 44301

Timestamp:

12/18/2018 10:17:55 PM (6 years ago)

Author:

desrosj

Message:

Twenty Eleven: Correct font-size and button issues.

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.

Location:

trunk

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentyeleven/blocks.css (modified) (3 diffs)
• src/wp-content/themes/twentyeleven/editor-blocks.css (modified) (1 diff)

trunk/src/wp-content/themes/twentyeleven/blocks.css

@@ -233 +233 @@
 
 .wp-block-button .wp-block-button__link {
-    background: #222;
     border: none;
     -moz-border-radius: 3px;
@@ -240 +239 @@
     -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;
@@ -248 +246 @@
 }
 
-.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;

trunk/src/wp-content/themes/twentyeleven/editor-blocks.css

@@ -24 +24 @@
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
-    font-size: 300;
+    font-weight: 300;
     line-height: 1.625;
 }