Changeset 52164 for trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php

Timestamp:

11/15/2021 07:13:33 PM (3 years ago)

Author:

jffng

Message:

Twenty Twenty-Two: Import the latest changes from GitHub.

Updates theme.json to use v2 shape, adds styles to search and file block as well as generic text decoration. Fixes a bug in the layout of a query block pattern.

This is a follow-up to [52081]. These changes are ongoing and development continues on GitHub. To view all of the changes included in this commit, see GitHub: ​https://github.com/WordPress/twentytwentytwo/compare/99db6063beb87eda7f58c3983992d94cd756d9c2...a11fb4932a0f79dc2668e92f118fd315256be9d9

Props desrosj, kjellr, poena.
See #54318.

File:

• trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php

@@ -11 +11 @@
                     <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"200px"} /-->
 
-                    <!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"}} -->
-                    <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontFamily":"var:preset|font-family|system-font","fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /-->
+                    <!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":"0.5rem"}}} -->
+                    <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
+                    <div class="wp-block-column"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0.2em"}}},"fontSize":"small","fontFamily":"system-font"} /--></div>
+                    <!-- /wp:column -->
 
-                    <!-- wp:post-date {"format":"m.d.y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
-                    <!-- /wp:group -->
+                    <!-- wp:column {"width":"4em"} -->
+                    <div class="wp-block-column" style="flex-basis:4em"><!-- wp:post-date {"textAlign":"right","format":"m.d.y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
+                    <!-- /wp:column --></div>
+                    <!-- /wp:columns -->
                     <!-- /wp:post-template -->