Browse Source

Styled color to HTML block in editor (overriding Gutenberg's styles) (#4117)

Jason Crist 4 years ago
parent
commit
a0c0aa9415
3 changed files with 12 additions and 0 deletions
  1. 5 0
      blockbase/assets/ponyfill.css
  2. 6 0
      blockbase/sass/blocks/_html.scss
  3. 1 0
      blockbase/sass/ponyfill.scss

+ 5 - 0
blockbase/assets/ponyfill.css

@@ -321,6 +321,11 @@ input[type=checkbox] + label {
 	font-size: var(--wp--custom--gallery--caption--font-size);
 }
 
+.block-library-html__edit .block-editor-plain-text {
+	color: var(--wp--custom--form--color--text);
+	border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
+}
+
 .wp-block-image {
 	/* 
 	From what I can tell the below are styles regularly used by themes

+ 6 - 0
blockbase/sass/blocks/_html.scss

@@ -0,0 +1,6 @@
+.block-library-html__edit {
+	.block-editor-plain-text {
+		color: var(--wp--custom--form--color--text);
+		border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
+	}
+}

+ 1 - 0
blockbase/sass/ponyfill.scss

@@ -12,6 +12,7 @@
 @import "blocks/button";
 @import "blocks/code";
 @import "blocks/gallery";
+@import "blocks/html";
 @import "blocks/image";
 @import "blocks/list";
 @import "blocks/navigation";