Twenty Nineteen: Preformatted block font size is not same in editor

[viralsampat]

Hello,

I have reviewed the "Preformatted block" and found that its font-size is not same in editor & front-end sides. I have checked this twenty-nineteen theme.

I think that it should be same on both editor & front-end sides.

Also, I have found same issue for other themes and posted it. #60993

Here, I have attached its screenshots.

Environment info:

---

• WordPress version: WordPress 6.6.1 running,
• Themes: Twenty Nineteen Version: 2.9
• Browser: Google Chrome, Version 126.0.6478.183 (Official Build) (arm64)
• Device: MacBook Air M1
• OS: macOS 14.5 (23F79)
• Gutenberg plugin: Version Version 18.8.0

Thanks,

[viralsampat]

Back-end

[viralsampat]

Front-end

[karmatosed]

I can confirm that this is the case in Twenty Nineteen. It is 22px in the editor but uses em on the front end. I would like to see a solution similar to the one I recommended in the other ticket of unifying using 1em or no declaration.

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[viralsampat]

Back-end

[viralsampat]

Front-end

Trac ticket: https://core.trac.wordpress.org/ticket/61770

This pull request addresses a styling inconsistency in the Twenty Nineteen theme.

The theme sets a font-size for the preformatted block on the frontend (see _blocks.scss, line 346), but no corresponding font-size is defined for the editor. As a result, the preformatted block in the editor inherits the body font-size, creating a mismatch between editor and frontend styles.

This PR fixes that by explicitly setting the same font-size for the .wp-block-preformatted selector in the editor styles. It uses the $font__size-xs SCSS variable, which is used in _blocks.scss to set the font-size for preformatted block.

As the Twenty Nineteen theme uses SCSS, changes were made to the style-editor.scss file, and the build command was used to generate the corresponding CSS files.