Ticket #55991: 55991--3.diff

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

@@ -3 +3 @@
         position: relative;
         margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
 
+        &:not([style*="font-weight"]) p {
+                font-weight: var(--quote--font-weight);
+        }
+
         > * {
                 margin-top: var(--global--spacing-unit);
                 margin-bottom: var(--global--spacing-unit);
@@ -16 +20 @@
                 }
         }
 
-        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);
-        }
-
-        cite,
-        footer {
-                font-weight: normal;
-                color: var(--global--color-primary);
-                font-size: var(--global--font-size-xs);
-                letter-spacing: var(--global--letter-spacing);
-        }
-
         &.alignleft,
         &.alignright {
-
                 padding-left: inherit;
 
                 p {
-                        font-size: var(--heading--font-size-h5);
                         max-width: inherit;
                         width: inherit;
                 }
-
-                cite,
-                footer {
-                        font-size: var(--global--font-size-xs);
-                        letter-spacing: var(--global--letter-spacing);
-                }
         }
 
-        strong {
-                font-weight: var(--quote--font-weight-strong);
-        }
-
         &: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));
         }
 
-        .wp-block-quote__citation,
-        cite,
-        footer {
-                color: var(--global--color-primary);
-                font-size: var(--global--font-size-xs);
-                font-style: var(--quote--font-style-cite);
-        }
-
         @include media(mobile-only) {
                 padding-left: calc(0.5 * var(--global--spacing-horizontal));
 

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

@@ -3 +3 @@
         border-left: none;
         margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
 
-        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);
-        }
-
-        strong {
-                font-weight: var(--quote--font-weight-strong);
-        }
-
         &:before {
                 content: "\201C";
-                font-size: var(--quote--font-size);
-                line-height: var(--quote--line-height);
                 left: calc(-0.5 * var(--global--spacing-horizontal));
         }
 
         .wp-block-quote__citation {
                 color: currentColor;
-                font-size: var(--global--font-size-xs);
-                font-style: var(--quote--font-style-cite);
 
                 .has-background &,
                 [class*="background-color"] &,
@@ -48 +32 @@
                 // Align the quote left of the text.
                 p:before {
                         content: "\201D";
-                        font-size: var(--quote--font-size);
-                        font-weight: normal;
-                        line-height: var(--quote--line-height);
                         margin-right: 5px;
                 }
         }

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;
         }
 
@@ -36 +34 @@
                 // Align the quote left of the text.
                 p:before {
                         content: "\201D";
-                        font-size: var(--quote--font-size);
-                        font-weight: normal;
-                        line-height: var(--quote--line-height);
                         margin-right: 5px;
                 }
         }