Scale font size based on zoom scale

WordPress · Sep 25, 2024 · 88983d3 · 88983d3
1 parent bf995e5
commit 88983d3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-list/content.scss b/packages/block-editor/src/components/block-list/content.scss
@@ -417,6 +417,11 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 	font-size: $default-font-size;
 	font-family: $default-font;
 
+	.is-zoomed-out & {
+		// Scale the font size based on the zoom level.
+		font-size: calc(#{$default-font-size} * ( 2 - var(--wp-block-editor-iframe-zoom-out-scale)  ));
+	}
+
 	&.is-dragged-over {
 		background: $gray-400;
 	}