sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Twenty Eleven: Correct font-size and button issues.

Browse Source 
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
This commit is contained in:
Jonathan Desrosiers 2018-12-18 22:17:55 +00:00
parent 85010912d2
commit 4b575d6ae0
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/wp-content/themes/twentyeleven/blocks.css
View File

@ -232,14 +232,12 @@ p.has-drop-cap:not(:focus)::first-letter {
/* Buttons */ /* Buttons */
.wp-block-button .wp-block-button__link { .wp-block-button .wp-block-button__link {
background: #222;
border: none; border: none;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-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); box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
color: #eee;
cursor: pointer; cursor: pointer;
font-size: 15px; font-size: 15px;
margin: 20px 0; 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); 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; background: #1982d1;
color: #bfddf3; color: #bfddf3;
} }

2
src/wp-content/themes/twentyeleven/editor-blocks.css
View File

@ -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 { .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px; font-size: 15px;
font-size: 300; font-weight: 300;
line-height: 1.625; line-height: 1.625;
} }