summaryrefslogtreecommitdiffstats
path: root/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php
diff options
context:
space:
mode:
Diffstat (limited to 'wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php')
-rw-r--r--wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php26
1 files changed, 26 insertions, 0 deletions
diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php
new file mode 100644
index 0000000..a116c39
--- /dev/null
+++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php
@@ -0,0 +1,26 @@
+<?php
+/**
+ * Header with centered logo block pattern
+ */
+return array(
+ 'title' => __( 'Header with centered logo', 'twentytwentytwo' ),
+ 'categories' => array( 'header' ),
+ 'blockTypes' => array( 'core/template-part/header' ),
+ 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} -->
+ <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
+ <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
+ <div class="wp-block-column is-vertically-aligned-center"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"}}} /--></div>
+ <!-- /wp:column -->
+
+ <!-- wp:column {"width":"64px"} -->
+ <div class="wp-block-column" style="flex-basis:64px"><!-- wp:site-logo {"width":64} /--></div>
+ <!-- /wp:column -->
+
+ <!-- wp:column {"verticalAlignment":"center"} -->
+ <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
+ <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
+ <!-- /wp:navigation --></div>
+ <!-- /wp:column --></div>
+ <!-- /wp:columns --></div>
+ <!-- /wp:group -->',
+);