Add border to block "Edit as HTML" style. (#25539)

* Add border to block "Edit as HTML" style. * Use $grid-unit-15 (12px) padding.
WordPress · Sep 29, 2020 · 00818f1 · 00818f1
1 parent e8bf626
commit 00818f1
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
@@ -495,10 +495,12 @@
 .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
 	display: block;
 	margin: 0;
+	padding: $grid-unit-15;
 	width: 100%;
 	border: none;
 	outline: none;
-	box-shadow: none;
+	border-radius: 2px;
+	box-shadow: inset 0 0 0 $border-width $gray-900;
 	resize: none;
 	overflow: hidden;
 	font-family: $editor-html-font;
@@ -508,7 +510,7 @@
 	@include reduce-motion("transition");
 
 	&:focus {
-		box-shadow: none;
+		box-shadow: inset 0 0 0 $border-width-focus var(--wp-admin-theme-color);
 	}
 }