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.

git-svn-id: https://develop.svn.wordpress.org/trunk@44301 602fd350-edb4-49c9-b593-d223f7449a82

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;
 }

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;
 }