Changeset 54154 for trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css

Timestamp:

09/14/2022 10:46:51 AM (20 months ago)

Author:

audrasjb

Message:

Twenty Twenty: Ensure headings styles are consistent between editor and front-end.

This changeset removes .wp-block container from headings CSS selectors to restore consistency between editor and front-end styles. It also removes .wp-block from headings selectors in the 'block-editor' array of twentytwenty_get_localized_font_family_elements().

Props kajalgohel, kmadhak, poena, multidots1896, tahmidulkarim, audrasjb.
Fixes #56194.

File:

• trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css (modified) (2 diffs)

trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css

@@ -216 +216 @@
 }
 
-body#tinymce.wp-editor.content h1 {
+body#tinymce.wp-editor.content h1,
+body#tinymce.wp-editor.content .heading-size-1 {
     font-size: 84px;
     font-weight: 800;
@@ -222 +223 @@
 }
 
-body#tinymce.wp-editor.content h2 {
+body#tinymce.wp-editor.content h2,
+body#tinymce.wp-editor.content .heading-size-2 {
     font-size: 48px;
 }
 
-body#tinymce.wp-editor.content h3 {
+body#tinymce.wp-editor.content h3,
+body#tinymce.wp-editor.content .heading-size-3 {
     font-size: 40px;
 }
 
-body#tinymce.wp-editor.content h4 {
+body#tinymce.wp-editor.content h4,
+body#tinymce.wp-editor.content .heading-size-4 {
     font-size: 32px;
 }
 
-body#tinymce.wp-editor.content h5 {
+body#tinymce.wp-editor.content h5,
+body#tinymce.wp-editor.content .heading-size-5 {
     font-size: 24px;
 }
 
-body#tinymce.wp-editor.content h6 {
+body#tinymce.wp-editor.content h6,
+body#tinymce.wp-editor.content .heading-size-6 {
     font-size: 18px;
     letter-spacing: 0.03125em;