Add support for font sizes in the code block (#27294)

WordPress · Nov 26, 2020 · 8b748e3 · 8b748e3
1 parent d4ef8c3
commit 8b748e3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/packages/block-library/src/code/block.json b/packages/block-library/src/code/block.json
@@ -10,6 +10,7 @@
 		}
 	},
 	"supports": {
-		"anchor": true
+		"anchor": true,
+		"fontSize": true
 	}
 }
diff --git a/packages/block-library/src/code/style.scss b/packages/block-library/src/code/style.scss
@@ -1,5 +1,9 @@
 // Provide a minimum of overflow handling.
-.wp-block-code code {
-	white-space: pre-wrap;
-	overflow-wrap: break-word;
+.wp-block-code {
+	font-size: var(--wp--preset--font-size--extra-small, 0.9em);
+
+	code {
+		white-space: pre-wrap;
+		overflow-wrap: break-word;
+	}
 }
diff --git a/packages/block-library/src/code/theme.scss b/packages/block-library/src/code/theme.scss
@@ -1,6 +1,5 @@
 .wp-block-code {
 	font-family: $editor-html-font;
-	font-size: 0.9em;
 	color: $gray-900;
 	padding: 0.8em 1em;
 	border: 1px solid $gray-300;