Changeset 55317

Timestamp:

02/13/2023 03:18:19 PM (22 months ago)

Author:

audrasjb

Message:

Twenty Twenty: Properly reflect text color changes in Quote and Pullquote block.

This changeset ensures that text color for citation are inherited when the user specifies color for the Pullquote or Quote block, or if one of those blocks is inside a block with a background.

Props nithins53, kajalgohel, kmadhak, sabernhardt, devtanbir, james-roberts, sapayth, rafinkhan, robinwpdeveloper, poena.
Fixes #55990.

Location:

trunk/src/wp-content/themes/twentytwenty

Files:

• assets/css/editor-style-block-rtl.css (modified) (2 diffs)
• assets/css/editor-style-block.css (modified) (2 diffs)
• style-rtl.css (modified) (2 diffs)
• style.css (modified) (2 diffs)

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

@@ -684 +684 @@
 }
 
+.editor-styles-wrapper .wp-block-quote.has-text-color cite,
+.editor-styles-wrapper .wp-block-quote.has-background cite,
+.editor-styles-wrapper .has-background .wp-block-quote cite {
+    color: inherit;
+}
+
 .editor-styles-wrapper .wp-block-quote p {
     color: inherit;
@@ -884 +890 @@
 }
 
+.editor-styles-wrapper .wp-block-pullquote.has-text-color cite,
+.editor-styles-wrapper .wp-block-pullquote.has-background cite,
+.editor-styles-wrapper .has-background .wp-block-pullquote cite {
+    color: inherit;
+}
+
 /* STYLE: SOLID COLOR */
 

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

@@ -688 +688 @@
 }
 
+.editor-styles-wrapper .wp-block-quote.has-text-color cite,
+.editor-styles-wrapper .wp-block-quote.has-background cite,
+.editor-styles-wrapper .has-background .wp-block-quote cite {
+    color: inherit;
+}
+
 .editor-styles-wrapper .wp-block-quote p {
     color: inherit;
@@ -888 +894 @@
 }
 
+.editor-styles-wrapper .wp-block-pullquote.has-text-color cite,
+.editor-styles-wrapper .wp-block-pullquote.has-background cite,
+.editor-styles-wrapper .has-background .wp-block-pullquote cite {
+    color: inherit;
+}
+
 /* STYLE: SOLID COLOR */
 

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

@@ -3242 +3242 @@
 }
 
+.wp-block-pullquote.has-text-color cite,
+.wp-block-pullquote.has-background cite,
+.has-background .wp-block-pullquote cite {
+    color: inherit;
+}
+
 .wp-block-pullquote.alignleft p,
 .wp-block-pullquote.alignright p {
@@ -3358 +3364 @@
 .wp-block-quote cite {
     text-align: inherit;
+}
+
+.wp-block-quote.has-text-color cite,
+.wp-block-quote.has-background cite,
+.has-background .wp-block-quote cite {
+    color: inherit;
 }
 

trunk/src/wp-content/themes/twentytwenty/style.css

@@ -3262 +3262 @@
 }
 
+.wp-block-pullquote.has-text-color cite,
+.wp-block-pullquote.has-background cite,
+.has-background .wp-block-pullquote cite {
+    color: inherit;
+}
+
 .wp-block-pullquote.alignleft p,
 .wp-block-pullquote.alignright p {
@@ -3378 +3384 @@
 .wp-block-quote cite {
     text-align: inherit;
+}
+
+.wp-block-quote.has-text-color cite,
+.wp-block-quote.has-background cite,
+.has-background .wp-block-quote cite {
+    color: inherit;
 }