Ticket #55991: 55991-2.diff

src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss

@@ -1 +1 @@
 blockquote {
-        padding: 0;
         position: relative;
         margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
 
@@ -19 +18 @@
         p {
                 letter-spacing: var(--heading--letter-spacing-h4);
                 font-family: var(--quote--font-family);
-                font-size: var(--quote--font-size);
                 font-style: var(--quote--font-style);
                 font-weight: var(--quote--font-weight);
                 line-height: var(--quote--line-height);
@@ -29 +27 @@
         footer {
                 font-weight: normal;
                 color: var(--global--color-primary);
-                font-size: var(--global--font-size-xs);
                 letter-spacing: var(--global--letter-spacing);
         }
 
@@ -57 +54 @@
 
         &:before {
                 content: "\201C";
-                font-size: var(--quote--font-size);
                 line-height: var(--quote--line-height);
                 position: absolute;
                 left: calc(-0.5 * var(--global--spacing-horizontal));
@@ -67 +63 @@
         cite,
         footer {
                 color: var(--global--color-primary);
-                font-size: var(--global--font-size-xs);
                 font-style: var(--quote--font-style-cite);
         }
 
@@ -79 +74 @@
                 }
         }
 }
+
+/* Ony apply the default font size if the user has not selected a size. */
+blockquote:not([class*="font-size"]) {
+        font-size: var(--quote--font-size);
+
+        &:before {
+                font-size: var(--quote--font-size);
+        }
+
+        .wp-block-quote__citation,
+        cite,
+        footer {
+                font-size: var(--global--font-size-xs);
+        }
+}

src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss

@@ -5 +5 @@
 
         p {
                 font-family: var(--quote--font-family);
-                font-size: var(--quote--font-size);
                 font-style: var(--quote--font-style);
                 font-weight: var(--quote--font-weight);
                 line-height: var(--quote--line-height);
@@ -17 +16 @@
 
         &:before {
                 content: "\201C";
-                font-size: var(--quote--font-size);
                 line-height: var(--quote--line-height);
                 left: calc(-0.5 * var(--global--spacing-horizontal));
         }
@@ -24 +22 @@
 
         .wp-block-quote__citation {
                 color: currentColor;
-                font-size: var(--global--font-size-xs);
                 font-style: var(--quote--font-style-cite);
 
                 .has-background &,
@@ -63 +60 @@
                 }
         }
 
+        // This block style has been removed from WordPress core,
+        // the CSS is kept for backwards compatibility.
         &.is-large,
         &.is-style-large {
                 padding-left: 0;

src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss

@@ -3 +3 @@
 
         &:before {
                 content: "\201C";
-                font-size: var(--quote--font-size);
                 line-height: var(--quote--line-height);
                 left: 8px;
         }
@@ -11 +10 @@
         .wp-block-quote__citation,
         cite,
         footer {
-
                 .has-background &,
                 [class*="background-color"] &,
                 [style*="background-color"] &,
@@ -136 +134 @@
                 }
         }
 }
+
+/* Ony apply the default font size if the user has not selected a size. */
+blockquote:not([class*="font-size"]) {
+        font-size: var(--quote--font-size);
+        
+        &:before {
+                font-size: var(--quote--font-size);
+        }
+        
+        .wp-block-quote__citation,
+        cite,
+        footer {
+                font-size: var(--global--font-size-xs);
+        }
+}
+