Use defaultEditorStyles

WordPress · Oct 27, 2021 · 9b58141 · 9b58141
1 parent 9787ed4
commit 9b58141
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 13 deletions.
diff --git a/packages/customize-widgets/src/components/sidebar-block-editor/index.js b/packages/customize-widgets/src/components/sidebar-block-editor/index.js
@@ -19,6 +19,7 @@ import {
 	WritingFlow,
 	BlockEditorKeyboardShortcuts,
 	__unstableBlockSettingsMenuFirstItem,
+	__unstableEditorStyles as EditorStyles,
 } from '@wordpress/block-editor';
 import { uploadMedia } from '@wordpress/media-utils';
 import { store as interfaceStore } from '@wordpress/interface';
@@ -121,6 +122,7 @@ export default function SidebarBlockEditor( {
 
 				<CopyHandler>
 					<BlockTools>
+						<EditorStyles styles={ settings.defaultEditorStyles } />
 						<BlockSelectionClearer>
 							<WritingFlow className="editor-styles-wrapper">
 								<ObserveTyping>

diff --git a/packages/customize-widgets/src/components/sidebar-block-editor/style.scss b/packages/customize-widgets/src/components/sidebar-block-editor/style.scss
@@ -16,16 +16,3 @@
 	position: fixed;
 	z-index: z-index(".customize-widgets__block-toolbar");
 }
-
-// Copied from block-editor/src/default-editor-styles.scss.
-// Apply default styles to "editor-styles-wrapper" in the customizer block editor.
-.customize-widgets__sidebar-section .editor-styles-wrapper {
-	font-family: $default-font;
-	font-size: 18px;
-	line-height: 1.5;
-	--wp--style--block-gap: 2em;
-
-	p {
-		line-height: 1.8;
-	}
-}