Changeset 49726 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss

Timestamp:

12/01/2020 07:07:43 PM (6 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.
See #51526.

File:

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

trunk/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;
+                        }
+                }
         }
 }