Browse Source

Merge pull request #383 from Automattic/lodestar-gutenberg-fixes

Lodestar: Minor fixes to Gutenberg implementation
Laurel 6 years ago
parent
commit
820794175c
2 changed files with 22 additions and 13 deletions
  1. 16 10
      lodestar/assets/css/blocks.css
  2. 6 3
      lodestar/assets/css/editor-blocks.css

+ 16 - 10
lodestar/assets/css/blocks.css

@@ -253,14 +253,6 @@ body.lodestar-front-page:not(.has-sidebar) .lodestar-panel:not(.two-column) .wp-
 
 /* Buttons */
 
-.wp-block-button .wp-block-button__link:not(.has-text-color) {
-	color: #fff;
-}
-
-.wp-block-button .wp-block-button__link:not(.has-background) {
-	background: #29292a;
-}
-
 .wp-block-button .wp-block-button__link {
 	border: 0;
 	border-radius: 0;
@@ -275,12 +267,23 @@ body.lodestar-front-page:not(.has-sidebar) .lodestar-panel:not(.two-column) .wp-
 	transition: background 0.2s;
 }
 
+.wp-block-button__link {
+	background: #29292a;
+	color: #fff;
+}
+
 .wp-block-button__link:hover,
 .wp-block-button__link:focus,
 .wp-block-button__link:active {
 	background: #555;
 }
 
+.wp-block-button__link.has-background:hover,
+.wp-block-button__link.has-background:focus,
+.wp-block-button__link.has-background:active {
+	opacity: 0.8;
+}
+
 /* Separator */
 
 .wp-block-separator {
@@ -326,8 +329,10 @@ body.lodestar-front-page:not(.has-sidebar) .lodestar-panel:not(.two-column) .wp-
 	margin-right: 0;
 }
 
-.wp-block-latest-comments__comment-date {
+.wp-block-latest-comments__comment-date,
+.wp-block-latest-comments__comment-excerpt p {
 	color: inherit;
+	font-size: inherit;
 }
 
 /* Latest Posts */
@@ -344,7 +349,8 @@ body.lodestar-front-page:not(.has-sidebar) .lodestar-panel:not(.two-column) .wp-
 .has-pale-pink-color,
 .has-pale-pink-color:hover,
 .has-pale-pink-color:focus,
-.has-pale-pink-color:active {
+.has-pale-pink-color:active,
+.has-pale-pink-color:visited {
 	color: #f78da7;
 }
 

+ 6 - 3
lodestar/assets/css/editor-blocks.css

@@ -302,8 +302,8 @@ p.has-drop-cap:not(:focus)::first-letter {
 	border-bottom-color: currentColor;
 }
 
-.editor-styles-wrapper .wp-block-file .mce-content-body.wp-block-file__button {
-	line-height: 1;
+.wp-block-button .editor-rich-text__tinymce.mce-content-body {
+	line-height: 14px;
 }
 
 .wp-block-file .wp-block-file__button,
@@ -457,7 +457,10 @@ p.has-drop-cap:not(:focus)::first-letter {
 	padding-right: 0;
 }
 
-.wp-block-latest-comments__comment-date {
+.wp-block-latest-comments__comment-date,
+.wp-block-latest-comments__comment-excerpt p {
 	color: inherit;
+	font-size: inherit;
 }
 
+