Automattic / blockpatterns

Repo of block patterns to work with
7 stars 2 forks source link

Simple Header with Tagline #217

Closed alaczek closed 2 years ago

alaczek commented 2 years ago
image
<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
<div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"4em","top":"2em"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide" style="padding-top:2em;padding-bottom:4em"><!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":60} /-->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:site-title /-->

<!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0px"}}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

https://dotcompatterns.wordpress.com/?p=5601&preview=true

iamtakashi commented 2 years ago

I've added a tagline to dotcompatterns. I'm curious how it appears on the site that doesn't have a site tagline. I guess it remains blank?

alaczek commented 2 years ago

Yep, it won't be displayed, just like the logo image. Even if the tagline is empty, the layout doesn't break so I think we should proceed with this one.

iamtakashi commented 2 years ago

👍 👍 👍