WordPress.org
Get WordPress

Make WordPress Core

Changeset 52375


Ignore:
Timestamp:
12/14/2021 05:09:04 PM (3 years ago)
Author:
jffng
Message:

Twenty Twenty-Two: Sync updates from GitHub for Beta 3.

This commit syncs minor changes for the default theme from its active development repository to core.

This is a follow up to [52081], [52107], [52164], [52222], [52283], and [52335]. The two main changes introduce global padding to site content while still allowing content to be full-width, and re-organize block patterns into Core's existing categories.

To view the full set of changes, visit ​https://github.com/WordPress/twentytwentytwo/compare/da994d1fe50c016cd11ecf33da7de33f652184e4...88a8f2e3b4c6653e2deb5c29ae0b7e42b1f99433.

Props onemaggie, joen, youknowriad, scruffian, sabernhardt, kjellr.
See #54318.

Location:
trunk/src/wp-content/themes/twentytwentytwo
Files:
81 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentytwentytwo/inc/block-patterns.php

    r52222 r52375  
    1313function twentytwentytwo_register_block_patterns() {
    1414    $block_pattern_categories = array(
    15         'twentytwentytwo-general' => array( 'label' => __( 'Twenty Twenty-Two General', 'twentytwentytwo' ) ),
    16         'twentytwentytwo-footers' => array( 'label' => __( 'Twenty Twenty-Two Footers', 'twentytwentytwo' ) ),
    17         'twentytwentytwo-headers' => array( 'label' => __( 'Twenty Twenty-Two Headers', 'twentytwentytwo' ) ),
    18         'twentytwentytwo-query'   => array( 'label' => __( 'Twenty Twenty-Two Posts', 'twentytwentytwo' ) ),
    19         'twentytwentytwo-pages'   => array( 'label' => __( 'Twenty Twenty-Two Pages', 'twentytwentytwo' ) ),
     15        'featured' => array( 'label' => __( 'Featured', 'twentytwentytwo' ) ),
     16        'footer' => array( 'label' => __( 'Footers', 'twentytwentytwo' ) ),
     17        'header' => array( 'label' => __( 'Headers', 'twentytwentytwo' ) ),
     18        'query'   => array( 'label' => __( 'Query', 'twentytwentytwo' ) ),
     19        'pages'   => array( 'label' => __( 'Pages', 'twentytwentytwo' ) ),
    2020    );
    2121
    … …  
    3838
    3939    foreach ( $block_pattern_categories as $name => $properties ) {
    40         register_block_pattern_category( $name, $properties );
     40        if ( ! WP_Block_Pattern_Categories_Registry::get_instance()->is_registered( $name ) ) {
     41            register_block_pattern_category( $name, $properties );
     42        }
    4143    }
    4244
    … …  
    121123
    122124    foreach ( $block_patterns as $block_pattern ) {
     125        $pattern_file = get_theme_file_path( '/inc/patterns/' . $block_pattern . '.php' );
     126
    123127        register_block_pattern(
    124128            'twentytwentytwo/' . $block_pattern,
    125             require __DIR__ . '/patterns/' . $block_pattern . '.php'
     129            require $pattern_file
    126130        );
    127131    }

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-about-title-logo.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Footer with text, title, and logo', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"6rem"}}},"backgroundColor":"secondary","layout":{"inherit":true}} -->
    … …  
    2222                    <!-- /wp:spacer -->
    2323
    24                     <!-- wp:site-title /--></div>
     24                    <!-- wp:site-title {"level":0} /--></div>
    2525                    <!-- /wp:column -->
    2626

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-blog.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Blog footer', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"8rem"}}},"layout":{"inherit":true}} -->
    10                     <div class="wp-block-group alignfull" style="padding-top:8rem;padding-bottom:8rem"><!-- wp:columns -->
    11                     <div class="wp-block-columns"><!-- wp:column -->
     10                    <div class="wp-block-group alignfull" style="padding-top:8rem;padding-bottom:8rem"><!-- wp:columns {"align":"wide"} -->
     11                    <div class="wp-block-columns alignwide"><!-- wp:column -->
    1212                    <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
    1313                    <p style="text-transform:uppercase">' . esc_html__( 'About us', 'twentytwentytwo' ) . '</p>
    … …  
    4141
    4242                    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    43                     <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title /-->
     43                    <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /-->
    4444
    4545                    <!-- wp:paragraph {"align":"right"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-dark.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Dark footer with title and citation', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
    1010                    <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
    11                     <div class="wp-block-group alignwide"><!-- wp:site-title /-->
     11                    <div class="wp-block-group alignwide"><!-- wp:site-title {"level":0} /-->
    1212
    1313                    <!-- wp:paragraph {"align":"right"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-default.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Default footer', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    9     'content'    => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
    10                     <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
     9    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    1110                    <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title /-->
    1211
    … …  
    1918                    ) . '</p>
    2019                    <!-- /wp:paragraph --></div>
    21                     <!-- /wp:group --></div>
    2220                    <!-- /wp:group -->',
    2321);

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-logo.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Footer with logo and citation', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation-copyright.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Footer with navigation and copyright', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Footer with navigation and citation', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-images-title-citation.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Footer with query, featured images, title, and citation', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
    … …  
    2525
    2626                    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    27                     <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title /-->
     27                    <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /-->
    2828                    <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} -->
    2929                    <div class="wp-block-group">

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-title-citation.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Footer with query, title, and citation', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} -->
    … …  
    2323
    2424                    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    25                     <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title /-->
     25                    <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /-->
    2626                    <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} -->
    2727                    <div class="wp-block-group">

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-social-copyright.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Footer with social links and copyright', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-title-tagline-social.php

    r52222 r52375  
    55return array(
    66    'title'      => __( 'Footer with title, tagline, and social links on a dark background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-footers' ),
     7    'categories' => array( 'footer' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-dark.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Divider with image and color (dark)', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1rem","right":"0px","bottom":"1rem","left":"0px"}}},"backgroundColor":"primary"} -->
    99                    <div class="wp-block-group alignfull has-primary-background-color has-background" style="padding-top:1rem;padding-right:0px;padding-bottom:1rem;padding-left:0px"><!-- wp:image {"id":473,"sizeSlug":"full","linkDestination":"none"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-light.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Divider with image and color (light)', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1rem","right":"0px","bottom":"1rem","left":"0px"}}},"backgroundColor":"secondary"} -->
    99                    <div class="wp-block-group alignfull has-secondary-background-color has-background" style="padding-top:1rem;padding-right:0px;padding-bottom:1rem;padding-left:0px"><!-- wp:image {"id":473,"sizeSlug":"full","linkDestination":"none"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-featured-posts.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Featured posts', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'query' ),
    88    'content'    => '<!-- wp:group {"align":"wide","layout":{"inherit":false}} -->
    99                    <div class="wp-block-group alignwide"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-image-with-caption.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Image with caption', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'columns', 'gallery' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"6rem","right":"max(1.25rem, 5vw)","bottom":"6rem","left":"max(1.25rem, 5vw)"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} -->
    99                    <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-right:max(1.25rem, 5vw);padding-bottom:6rem;padding-left:max(1.25rem, 5vw)"><!-- wp:media-text {"mediaId":202,"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-gray.jpg","mediaType":"image","verticalAlignment":"bottom","imageFill":false} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-large-list-names.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Large list of names', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'text' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"6rem","right":"max(1.25rem, 5vw)","bottom":"6rem","left":"max(1.25rem, 5vw)"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"backgroundColor":"tertiary","textColor":"primary","layout":{"inherit":true}} -->
    99                    <div class="wp-block-group alignfull has-primary-color has-tertiary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-right:max(1.25rem, 5vw);padding-bottom:6rem;padding-left:max(1.25rem, 5vw)"><!-- wp:group {"align":"wide"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-layered-images-with-duotone.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Layered images with duotone', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'gallery' ),
    88    'content'    => '<!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg","dimRatio":0,"minHeight":666,"contentPosition":"center center","isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}},"color":{"duotone":["#000000","#FFFFFF"]}}} -->
    99                    <div class="wp-block-cover alignwide is-light" style="padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;min-height:666px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Painting of ducks in the water.', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","width":384,"height":580,"sizeSlug":"large"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-list-events.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'List of events', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'text' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"8rem","left":"0px","right":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background"} -->
    99                    <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:8rem;padding-right:0px;padding-bottom:8rem;padding-left:0px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-pricing-table.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Pricing table', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'columns', 'buttons' ),
    88    'content'    => '<!-- wp:columns {"align":"wide"} -->
    99                    <div class="wp-block-columns alignwide"><!-- wp:column -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-subscribe.php

    r52222 r52375  
    55return array(
    66    'title'      => __( 'Subscribe callout', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'buttons' ),
    88    'content'    => '<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
    99                    <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-two-images-text.php

    r52222 r52375  
    55return array(
    66    'title'      => __( 'Two images with text', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'columns', 'gallery' ),
    88    'content'    => '<!-- wp:columns {"align":"wide"} -->
    99                    <div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-video-header-details.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Video with header and details', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'columns' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"8rem","left":"0px","right":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"backgroundColor":"foreground","textColor":"secondary"} -->
    99                    <div class="wp-block-group alignfull has-secondary-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:8rem;padding-right:0px;padding-bottom:8rem;padding-left:0px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-video-trailer.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Video trailer', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'columns' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"6rem","right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","bottom":"4rem"}}},"backgroundColor":"secondary","textColor":"foreground","layout":{"inherit":true}} -->
    99                <div class="wp-block-group alignfull has-foreground-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-right:max(1.25rem, 5vw);padding-bottom:4rem;padding-left:max(1.25rem, 5vw)"><!-- wp:columns {"align":"wide"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Wide image with introduction and buttons', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-general' ),
     7    'categories' => array( 'featured', 'columns' ),
    88    'content'    => '<!-- wp:group {"align":"wide"} -->
    99                <div class="wp-block-group alignwide"><!-- wp:image {"sizeSlug":"large"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo-black-background.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Header with centered logo and black background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"max(1.25rem, 5vw)","top":"max(1.25rem, 5vw)"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"flex","justifyContent":"center"}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Header with centered logo', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-title-navigation-social.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Centered header with navigation, social links, and salmon background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"backgroundColor":"secondary","textColor":"primary","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-default.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Default header', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"8rem","top":"max(1.25rem, 5vw)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background-overlay.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Header with image background and overlay', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    9     'content'    => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/ducks.jpg","dimRatio":90,"overlayColor":"primary","focalPoint":{"x":"0.26","y":"0.34"},"minHeight":100,"minHeightUnit":"px","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}},"color":{"duotone":["#000000","#ffffff"]}}} -->
    10                     <div class="wp-block-cover alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw);min-height:100px"><span aria-hidden="true" class="has-primary-background-color has-background-dim-90 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Painting of ducks in the water.', 'twentytwentytwo' ) . '" src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/ducks.jpg" style="object-position:26% 34%" data-object-fit="cover" data-object-position="26% 34%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","layout":{"type":"flex","justifyContent":"space-between"}} -->
     9    'content'    => '<!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg","dimRatio":90,"overlayColor":"primary","focalPoint":{"x":"0.26","y":"0.34"},"minHeight":100,"minHeightUnit":"px","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}},"color":{"duotone":["#000000","#ffffff"]}}} -->
     10                    <div class="wp-block-cover alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw);min-height:100px"><span aria-hidden="true" class="has-primary-background-color has-background-dim-90 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Painting of ducks in the water.', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg" style="object-position:26% 34%" data-object-fit="cover" data-object-position="26% 34%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","layout":{"type":"flex","justifyContent":"space-between"}} -->
    1111                    <div class="wp-block-group alignwide has-background-color has-text-color has-link-color" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
    1212

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Header with image background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    9     'content'    => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg","dimRatio":0,"focalPoint":{"x":"0.58","y":"0.58"},"minHeight":400,"contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"8rem","left":"max(1.25rem, 5vw)"}},"color":{}}} -->
    10                     <div class="wp-block-cover alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:8rem;padding-left:max(1.25rem, 5vw);min-height:400px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Illustration of a flying bird', 'twentytwentytwo' ) . '" src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg" style="object-position:58% 58%" data-object-fit="cover" data-object-position="58% 58%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"flex","justifyContent":"space-between"}} -->
     9    'content'    => '<!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg","dimRatio":0,"focalPoint":{"x":"0.58","y":"0.58"},"minHeight":400,"contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"8rem","left":"max(1.25rem, 5vw)"}},"color":{}}} -->
     10                    <div class="wp-block-cover alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:8rem;padding-left:max(1.25rem, 5vw);min-height:400px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Illustration of a flying bird', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg" style="object-position:58% 58%" data-object-fit="cover" data-object-position="58% 58%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"flex","justifyContent":"space-between"}} -->
    1111                    <div class="wp-block-group alignwide has-foreground-color has-text-color has-link-color" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
    1212

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Large header with dark background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"8rem","right":"0px","left":"0px"},"margin":{"bottom":"8rem"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
    … …  
    2727
    2828                    <!-- wp:image {"align":"full","sizeSlug":"full","linkDestination":"none"} -->
    29                     <figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
     29                    <figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
    3030                    <!-- /wp:image --></div>
    3131                    <!-- /wp:group -->',

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-gray-background.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Logo and navigation header with gray background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"backgroundColor":"secondary","textColor":"foreground","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-offset-tagline.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Logo, navigation, and offset tagline Header', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"8rem"}}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-social-black-background.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Logo, navigation, and social links header with black background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"backgroundColor":"tertiary","textColor":"foreground","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-small-dark.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Small header with dark background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"},"margin":{"bottom":"8rem"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
    … …  
    2323
    2424                    <!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none"} -->
    25                     <figure class="wp-block-image alignwide size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
     25                    <figure class="wp-block-image alignwide size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
    2626                    <!-- /wp:image --></div>
    2727                    <!-- /wp:group -->',

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-stacked.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Logo and navigation header', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"8rem","top":"max(1.25rem, 5vw)"}}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-green-background.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Text-only header with green background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-salmon-background.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Text-only header with salmon background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"backgroundColor":"secondary","textColor":"foreground","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-with-tagline-black-background.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Text-only header with tagline and black background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"backgroundColor":"foreground","textColor":"secondary","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-title-and-button.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Title and button header', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"8rem","top":"max(1.25rem, 5vw)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-title-navigation-social.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Title, navigation, and social links header', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"8rem","top":"max(1.25rem, 5vw)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-with-tagline.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Header with tagline', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-headers' ),
     7    'categories' => array( 'header' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    99    'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"8rem","top":"max(1.25rem, 5vw)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/hidden-bird.php

    r52222 r52375  
    1010    'inserter' => false,
    1111    'content'  => '<!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none"} -->
    12                     <figure class="wp-block-image alignwide size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
     12                    <figure class="wp-block-image alignwide size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
    1313                    <!-- /wp:image -->',
    1414);

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/hidden-heading-and-bird.php

    r52081 r52375  
    1717
    1818                    <!-- wp:image {"align":"full","sizeSlug":"full","linkDestination":"none"} -->
    19                     <figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
     19                    <figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
    2020                    <!-- /wp:image -->',
    2121);

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-about-large-image-and-buttons.php

    r52222 r52375  
    55return array(
    66    'title'      => __( 'About page with large image and buttons', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages', 'buttons' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
    99                    <div class="wp-block-group alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:image {"align":"full","sizeSlug":"full","linkDestination":"none"} -->
    10                     <figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt=""/></figure>
     10                    <figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt=""/></figure>
    1111                    <!-- /wp:image -->
    1212

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links-dark.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'About page links (dark)', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages', 'buttons' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"10rem","right":"max(1.25rem, 5vw)","bottom":"10rem","left":"max(1.25rem, 5vw)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":false,"contentSize":"400px"}} -->
    99                    <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:10rem;padding-right:max(1.25rem, 5vw);padding-bottom:10rem;padding-left:max(1.25rem, 5vw)"><!-- wp:group -->
    … …  
    1111
    1212                    <!-- wp:image {"width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
    13                     <figure class="wp-block-image size-full is-resized is-style-rounded"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/icon-bird.jpg" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure>
     13                    <figure class="wp-block-image size-full is-resized is-style-rounded"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-bird.jpg" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure>
    1414                    <!-- /wp:image -->
    1515

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'About page links', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages', 'buttons' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"10rem","right":"max(1.25rem, 5vw)","bottom":"10rem","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":false,"contentSize":"400px"}} -->
    99                    <div class="wp-block-group alignfull" style="padding-top:10rem;padding-right:max(1.25rem, 5vw);padding-bottom:10rem;padding-left:max(1.25rem, 5vw)"><!-- wp:image {"align":"center","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
    10                     <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-full is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/icon-bird.jpg" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure></div>
     10                    <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-bird.jpg" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure></div>
    1111                    <!-- /wp:image -->
    1212

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-left.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'About page with media on the left', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:media-text {"align":"full","mediaType":"image","imageFill":true,"focalPoint":{"x":"0.63","y":"0.16"},"backgroundColor":"foreground","className":"alignfull is-image-fill has-background-color has-text-color has-background has-link-color"} -->
    9                     <div class="wp-block-media-text alignfull is-stacked-on-mobile is-image-fill has-background-color has-text-color has-background has-link-color has-foreground-background-color has-background"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/bird-on-salmon.jpg);background-position:63% 16%"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":32} -->
     9                    <div class="wp-block-media-text alignfull is-stacked-on-mobile is-image-fill has-background-color has-text-color has-background has-link-color has-foreground-background-color has-background"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg);background-position:63% 16%"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":32} -->
    1010                    <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
    1111                    <!-- /wp:spacer -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-right.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'About page with media on the right', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
    8     'content'    => '<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/bird-on-black.jpg","mediaType":"image","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background"} -->
    9                 <div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile has-background-color has-foreground-background-color has-text-color has-background has-link-color"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/bird-on-black.jpg" alt="' . esc_attr__( 'An image of a bird flying', 'twentytwentytwo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":32} -->
     7    'categories' => array( 'pages' ),
     8    'content'    => '<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-black.jpg","mediaType":"image","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background"} -->
     9                <div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile has-background-color has-foreground-background-color has-text-color has-background has-link-color"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-black.jpg" alt="' . esc_attr__( 'An image of a bird flying', 'twentytwentytwo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":32} -->
    1010                    <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
    1111                    <!-- /wp:spacer -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-about-simple-dark.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Simple dark about page', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:cover {"overlayColor":"foreground","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 8vw)","right":"max(1.25rem, 8vw)","bottom":"max(1.25rem, 8vw)","left":"max(1.25rem, 8vw)"}}}} -->
    99                    <div class="wp-block-cover alignfull has-foreground-background-color has-background-dim" style="padding-top:max(1.25rem, 8vw);padding-right:max(1.25rem, 8vw);padding-bottom:max(1.25rem, 8vw);padding-left:max(1.25rem, 8vw);min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"overlayMenu":"always"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-about-solid-color.php

    r52222 r52375  
    55return array(
    66    'title'      => __( 'About page on solid color background', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1.25rem","right":"1.25rem","bottom":"1.25rem","left":"1.25rem"}}}} -->
    99                    <div class="wp-block-group alignfull" style="padding-top:1.25rem;padding-right:1.25rem;padding-bottom:1.25rem;padding-left:1.25rem"><!-- wp:cover {"overlayColor":"secondary","minHeight":80,"minHeightUnit":"vh","isDark":false,"align":"full"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-and-text.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Page layout with image and text', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"2rem","right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
    99                <div class="wp-block-group alignfull" style="padding-top:8rem;padding-right:max(1.25rem, 5vw);padding-bottom:2rem;padding-left:max(1.25rem, 5vw)"><!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(4rem, 8vw, 7.5rem)","lineHeight":"1.15","fontWeight":"300"}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-text-and-video.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Page layout with image, text and video', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"8rem","left":"0px","right":"0px"}}},"backgroundColor":"primary","textColor":"background"} -->
    9                     <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background" style="padding-top:8rem;padding-bottom:8rem;padding-left:0px;padding-right:0px"><!-- wp:group {"align":"full","layout":{"inherit":true},"style":{"spacing":{"padding":{"left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}}} -->
    10                     <div class="wp-block-group alignfull" style="padding-left:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw)"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} -->
     9                    <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background" style="padding-top:8rem;padding-bottom:8rem;padding-left:0px;padding-right:0px"><!-- wp:group {"layout":{"inherit":true},"style":{"spacing":{"padding":{"left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}}} -->
     10                    <div class="wp-block-group" style="padding-left:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw)"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} -->
    1111                    <h1 class="alignwide" style="font-size:clamp(3rem, 6vw, 4.5rem)">' . wp_kses_post( __( '<em>Warble</em>, a film about <br>hobbyist bird watchers.', 'twentytwentytwo' ) ) . '</h1>
    1212                    <!-- /wp:heading -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-two-columns.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Page layout with two columns', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"8rem","right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
    99                    <div class="wp-block-group alignfull" style="padding-top:8rem;padding-right:max(1.25rem, 5vw);padding-bottom:8rem;padding-left:max(1.25rem, 5vw)"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(4rem, 15vw, 12.5rem)","lineHeight":"1","fontWeight":"200"}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts-right.php

    r52283 r52375  
    55return array(
    66    'title'      => __( 'Blog posts with right sidebar', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
    99                    <div class="wp-block-group alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"2rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Blog posts with left sidebar', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
    99                    <div class="wp-block-group alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"5%"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-grid-posts.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Grid of posts with left sidebar', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
    99                    <div class="wp-block-group alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-poster.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Poster with right sidebar', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-pages' ),
     7    'categories' => array( 'pages' ),
    88    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
    99                    <div class="wp-block-group alignfull" style="padding-right:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"5%"}}} -->
    … …  
    2424                    <div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"bottom":"32px"}}}} -->
    2525                    <div class="wp-block-column" style="padding-bottom:32px;flex-basis:70%"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
    26                     <figure class="wp-block-image size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '"/></figure>
     26                    <figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '"/></figure>
    2727                    <!-- /wp:image --></div>
    2828                    <!-- /wp:column -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/query-default.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Default posts', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-query' ),
     7    'categories' => array( 'query' ),
    88    'blockTypes' => array( 'core/query' ),
    99    'content'    => '<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":""},"align":"wide","layout":{"inherit":true}} -->
    1010                    <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
    1111                    <!-- wp:group {"layout":{"inherit":true}} -->
    12                     <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /-->
     12                    <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","fontSize":"huge"} /-->
    1313
    1414                    <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /-->

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

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Grid of posts', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-query' ),
     7    'categories' => array( 'query' ),
    88    'blockTypes' => array( 'core/query' ),
    99    'content'    => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":12},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"inherit":true}} -->

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

    r52164 r52375  
    55return array(
    66    'title'      => __( 'Grid of image posts', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-query' ),
     7    'categories' => array( 'query' ),
    88    'blockTypes' => array( 'core/query' ),
    99    'content'    => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":false,"perPage":12},"displayLayout":{"type":"flex","columns":3},"layout":{"inherit":true}} -->

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

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Irregular grid of posts', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-query' ),
     7    'categories' => array( 'query' ),
    88    'blockTypes' => array( 'core/query' ),
    99    'content'    => '<!-- wp:group {"align":"wide"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/query-large-titles.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Large post titles', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-query' ),
     7    'categories' => array( 'query' ),
    88    'blockTypes' => array( 'core/query' ),
    99    'content'    => '<!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":8},"align":"wide"} -->

  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/query-simple-blog.php

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Simple blog posts', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-query' ),
     7    'categories' => array( 'query' ),
    88    'blockTypes' => array( 'core/query' ),
    99    'content'    => '<!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"perPage":10},"layout":{"inherit":true}} -->

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

    r52081 r52375  
    55return array(
    66    'title'      => __( 'Text-based grid of posts', 'twentytwentytwo' ),
    7     'categories' => array( 'twentytwentytwo-query' ),
     7    'categories' => array( 'query' ),
    88    'blockTypes' => array( 'core/query' ),
    99    'content'    => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":12},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"inherit":true}} -->

  • trunk/src/wp-content/themes/twentytwentytwo/parts/footer.html

    r52335 r52375  
    1 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} -->
    2 <div class="wp-block-group" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
     1<!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} -->
     2<div class="wp-block-group" style="padding-top:var(--wp--custom--spacing--large, 8rem)">
    33<!-- wp:pattern {"slug":"twentytwentytwo/footer-default"} /-->
    44</div>

  • trunk/src/wp-content/themes/twentytwentytwo/parts/header-large-dark.html

    r52335 r52375  
    1 <!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"var(--wp--custom--spacing--large, 8rem)","right":"0px","left":"0px"},"margin":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
    2 <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-bottom:var(--wp--custom--spacing--large, 8rem);padding-top:0px;padding-right:0px;padding-bottom:var(--wp--custom--spacing--large, 8rem);padding-left:0px"><!-- wp:template-part {"slug":"header","tagName":"header","align":"full"} /-->
     1<!-- wp:group {"layout":{"inherit":true}} -->
     2<div class="wp-block-group"><!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px"},"margin":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
     3<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-bottom:var(--wp--custom--spacing--large, 8rem);padding-top:0px;padding-bottom:0px"><!-- wp:template-part {"slug":"header","tagName":"header","align":"wide"} /-->
    34
    45<!-- wp:pattern {"slug":"twentytwentytwo/hidden-heading-and-bird"} /--></div>
     6<!-- /wp:group --></div>
    57<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentytwo/parts/header-small-dark.html

    r52335 r52375  
    1 <!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"},"margin":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
    2 <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-bottom:var(--wp--custom--spacing--large, 8rem);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:template-part {"slug":"header","tagName":"header","align":"full"} /-->
     1<!-- wp:group {"layout":{"inherit":true}} -->
     2<div class="wp-block-group"><!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px"},"margin":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
     3<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-bottom:var(--wp--custom--spacing--large, 8rem);padding-top:0px;padding-bottom:0px"><!-- wp:template-part {"slug":"header","tagName":"header","align":"wide"} /-->
    34
    45<!-- wp:pattern {"slug":"twentytwentytwo/hidden-bird"} /--></div>
     6<!-- /wp:group --></div>
    57<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentytwo/parts/header.html

    r52335 r52375  
    1 <!-- wp:group {"style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} -->
    2 <div class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
    3     <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    4     <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} -->
    5     <div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
     1<!-- wp:group {"layout":{"inherit":true}} -->
     2<div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
     3<div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} -->
     4<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
    65
    7     <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
    8     <!-- /wp:group -->
     6<!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
     7<!-- /wp:group -->
    98
    10     <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
    11     <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
    12     <!-- /wp:navigation --></div>
    13     <!-- /wp:group -->
    14 </div>
     9<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
     10<!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
     11<!-- /wp:navigation --></div>
     12<!-- /wp:group --></div>
    1513<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentytwo/style.css

    r52335 r52375  
    3030
    3131/*
    32  * Text link styles.
     32 * Text and navigation link styles.
    3333 * Necessary until the following issue is resolved in Gutenberg:
    3434 * https://github.com/WordPress/gutenberg/issues/27075
    … …  
    4747a:active {
    4848    text-decoration: none;
     49}
     50
     51.wp-block-navigation .wp-block-navigation-item a:hover,
     52.wp-block-navigation .wp-block-navigation-item a:focus {
     53    text-decoration: underline;
     54    text-decoration-style: solid;
    4955}
    5056
    … …  
    7783    opacity: 0.90;
    7884}
     85
     86/*
     87 * Alignment styles.
     88 * These rules are temporary, and should not be relied on or
     89 * modified too heavily by themes or plugins that build on
     90 * Twenty Twenty-Two. These are meant to be a precursor to
     91 * a global solution provided by the Block Editor.
     92 *
     93 * Relevant issues:
     94 * https://github.com/WordPress/gutenberg/issues/35607
     95 * https://github.com/WordPress/gutenberg/issues/35884
     96 */
     97
     98.wp-site-blocks,
     99.is-root-container,
     100.edit-post-visual-editor__post-title-wrapper,
     101.wp-block-group.alignfull,
     102.is-root-container .wp-block[data-align="full"] > .wp-block-group {
     103    padding-left: var(--wp--custom--spacing--outer);
     104    padding-right: var(--wp--custom--spacing--outer);
     105}
     106
     107.wp-site-blocks .alignfull,
     108.is-root-container .wp-block[data-align="full"] {
     109    margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
     110    margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
     111    width: unset;
     112}
     113
     114/* Blocks inside columns don't have negative margins. */
     115.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
     116.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
     117/* We also want to avoid stacking negative margins. */
     118.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
     119.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
     120    margin-left: auto !important;
     121    margin-right: auto !important;
     122    width: inherit;
     123}

  • trunk/src/wp-content/themes/twentytwentytwo/templates/404.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    22
    3 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <main class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"layout":{"inherit":true}} -->
     3<!-- wp:group {"tagName":"main"} -->
     4<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} -->
    55<div class="wp-block-group">
    66<!-- wp:pattern {"slug":"twentytwentytwo/hidden-404"} /-->

  • trunk/src/wp-content/themes/twentytwentytwo/templates/archive.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    22
    3 <!-- wp:group {"style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <div class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
     3<!-- wp:group {"layout":{"inherit":true}} -->
     4<div class="wp-block-group"><!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)"},"spacing":{"margin":{"bottom":"6rem"}}}} /-->
    55
    6 <!-- wp:group {"layout":{"inherit":true}} -->
    7 <div class="wp-block-group"><!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)"},"spacing":{"margin":{"bottom":"6rem"}}}} /--></div>
    8 <!-- /wp:group -->
    9 
    10 <!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} -->
    11 <main class="wp-block-query"><!-- wp:post-template {"align":"wide"} -->
    12 <!-- wp:group {"layout":{"inherit":true}} -->
    13 <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /-->
     6<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"tagName":"main","align":"wide","layout":{"inherit":false}} -->
     7<main class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
     8<!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /-->
    149
    1510<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /-->
    … …  
    1914<div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /-->
    2015
    21 <!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
     16<!-- wp:post-date {"format":"F j, Y","isLink":true,"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
    2217<!-- /wp:column -->
    2318
    … …  
    2924<!-- wp:spacer {"height":112} -->
    3025<div style="height:112px" aria-hidden="true" class="wp-block-spacer"></div>
    31 <!-- /wp:spacer --></div>
    32 <!-- /wp:group -->
     26<!-- /wp:spacer -->
    3327<!-- /wp:post-template -->
    3428

  • trunk/src/wp-content/themes/twentytwentytwo/templates/home.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header-small-dark","tagName":"header"} /-->
    2 
    3 <!-- wp:group {"style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <div class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
    52
    63<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} -->
    74<main class="wp-block-query"><!-- wp:post-template {"align":"wide"} -->
    85<!-- wp:group {"layout":{"inherit":true}} -->
    9 <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /-->
     6<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","fontSize":"huge"} /-->
    107
    118<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /-->
    … …  
    3633<!-- wp:query-pagination-next {"fontSize":"small"} /-->
    3734<!-- /wp:query-pagination --></main>
    38 <!-- /wp:query --></div>
    39 <!-- /wp:group -->
     35<!-- /wp:query -->
    4036
    4137<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

  • trunk/src/wp-content/themes/twentytwentytwo/templates/index.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    2 
    3 <!-- wp:group {"style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <div class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
    52
    63<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} -->
    74<main class="wp-block-query"><!-- wp:post-template {"align":"wide"} -->
    85<!-- wp:group {"layout":{"inherit":true}} -->
    9 <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /-->
     6<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","fontSize":"huge"} /-->
    107
    118<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /-->
    … …  
    3633<!-- wp:query-pagination-next {"fontSize":"small"} /-->
    3734<!-- /wp:query-pagination --></main>
    38 <!-- /wp:query --></div>
    39 <!-- /wp:group -->
     35<!-- /wp:query -->
    4036
    4137<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

  • trunk/src/wp-content/themes/twentytwentytwo/templates/page-large-header.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header-large-dark","tagName":"header"} /-->
    22
    3 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <main class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
     3<!-- wp:group {"tagName":"main"} -->
     4<main class="wp-block-group">
    55<!-- wp:post-content {"layout":{"inherit":true}} /-->
    66</main>

  • trunk/src/wp-content/themes/twentytwentytwo/templates/page-no-separators.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    22
    3 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <main class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"layout":{"inherit":true}} -->
    5 <div class="wp-block-group"><!-- wp:post-title {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->
     3<!-- wp:group {"tagName":"main"} -->
     4<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} -->
     5<div class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->
    66
    77<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--></div>

  • trunk/src/wp-content/themes/twentytwentytwo/templates/page.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    22
    3 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <main class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"layout":{"inherit":true}} -->
    5 <div class="wp-block-group"><!-- wp:post-title {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->
     3<!-- wp:group {"tagName":"main"} -->
     4<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} -->
     5<div class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->
    66
    77<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->

  • trunk/src/wp-content/themes/twentytwentytwo/templates/single-no-separators.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    22
    3 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <main class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"layout":{"inherit":true}} -->
    5 <div class="wp-block-group"><!-- wp:post-title {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->
     3<!-- wp:group {"tagName":"main"} -->
     4<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} -->
     5<div class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->
    66
    77<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /--></div>

  • trunk/src/wp-content/themes/twentytwentytwo/templates/single.html

    r52335 r52375  
    11<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    22
    3 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    4 <main class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"layout":{"inherit":true}} -->
    5 <div class="wp-block-group"><!-- wp:post-title {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->
     3<!-- wp:group {"tagName":"main"} -->
     4<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} -->
     5<div class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->
    66
    77<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--medium, 6rem)"}}}} /-->

  • trunk/src/wp-content/themes/twentytwentytwo/theme.json

    r52283 r52375  
    141141                "small": "max(1.25rem, 5vw)",
    142142                "medium": "clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))",
    143                 "large": "clamp(4rem, 10vw, 8rem)"
     143                "large": "clamp(4rem, 10vw, 8rem)",
     144                "outer": "var(--wp--custom--spacing--small, 1.25rem)"
    144145            },
    145146            "typography": {
Note: See TracChangeset for help on using the changeset viewer.