Changeset 49728 for branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss

Timestamp:

12/01/2020 07:25:43 PM (4 years ago)

Author:

desrosj

Message:

Twenty Twenty-One: Sync the latest changes for 5.6 RC2.

This will be the final sync from GitHub before placing that repository into read-only mode. All further changes should now flow entirely through Trac.

For a full list of changes since [49633], see ​https://github.com/WordPress/twentytwentyone/compare/1d5a895...53acd9b.

Props poena, luminuu, kjellr, ryelle, allancole, melchoyce, felipeelia, aljullu, kebbet, chaton666, Clorith, mkaz, ingereck, paaljoachim.
Reviewed by desrosj, SergeyBiryukov.
Merges [49726] to the 5.6 branch.
Fixes #51526.

Location:

branches/5.6

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss (modified) (7 diffs)

branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss

@@ -5 +5 @@
     border-bottom-style: solid;
     border-top-style: solid;
+    color: currentColor;
+    border-color: currentColor;
     position: relative;
 
@@ -11 +13 @@
         content: "\201C";
         display: block;
+        position: relative; // Override the absolute position.
+        left: 0;
         font-size: 3rem;
         font-weight: 500;
@@ -47 +51 @@
     }
 
-    &.alignleft {
+    &.alignleft:not(.is-style-solid-color) {
 
         blockquote:before,
@@ -58 +62 @@
     &.alignwide blockquote {
         max-width: var(--responsive--alignwide-width);
-
     }
 
@@ -73 +76 @@
         border-color: var(--pullquote--border-color);
 
-        @media ( min-width: 600px ) {
+        @media (min-width: 600px) {
             padding: calc(5 * var(--global--spacing-unit));
         }
@@ -82 +85 @@
 
         blockquote {
+            margin: 0;
             max-width: inherit;
 
@@ -94 +98 @@
             color: currentColor;
         }
+
+        &.alignleft,
+        &.alignright {
+            padding: var(--global--spacing-unit);
+
+            blockquote {
+                max-width: initial;
+            }
+        }
     }
 }