Переглянути джерело

Sketch: Minor fixes to Gutenberg implementation, including:
* Update selectors for button blocks, for better custom colour fallbacks.
* Correct button line height in editor, and border colours.

Laurel Fulford 6 роки тому
батько
коміт
860e4b1fdc
2 змінених файлів з 11 додано та 5 видалено
  1. 2 5
      sketch/css/blocks.css
  2. 9 0
      sketch/css/editor-blocks.css

+ 2 - 5
sketch/css/blocks.css

@@ -214,12 +214,9 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 /* Buttons */
 
-.wp-block-button__link:not(.has-text-color) {
-	color: #999999;
-}
-
-.wp-block-button__link:not(.has-background) {
+.wp-block-button__link {
 	background: white;
+	color: #999999;
 }
 
 .wp-block-button .wp-block-button__link {

+ 9 - 0
sketch/css/editor-blocks.css

@@ -501,6 +501,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 	font-size: 16px;
 	font-weight: 400;
 	letter-spacing: 2px;
+	line-height: 24px;
 	padding: 10px 14px;
 	text-transform: uppercase;
 	-webkit-transition: all 0.3s ease-in-out;
@@ -509,6 +510,14 @@ p.has-drop-cap:not(:focus)::first-letter {
 	transition: all 0.3s ease-in-out;
 }
 
+.wp-block-button .editor-rich-text__tinymce.mce-content-body {
+	line-height: 24px;
+}
+
+.wp-block-button .wp-block-button__link.has-text-color {
+	border-color: currentColor;
+}
+
 .wp-block-button__link:hover,
 .wp-block-button__link:focus {
 	background: transparent;