diff --git a/packages/block-library/src/code/block.json b/packages/block-library/src/code/block.json index d9f37ed061f808..e6a0c94e51ba37 100644 --- 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 index 3961cfbe8e7d96..8d7a74d1471b46 100644 --- 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 index be1469328db3dc..4dfc5a41a988e3 100644 --- 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;