post-hero.php 1.8 KB

1234567891011121314151617181920
  1. <?php
  2. /**
  3. * Title: Single Post Hero
  4. * Slug: vivre/post-hero
  5. * Inserter: no
  6. */
  7. ?>
  8. <!-- wp:cover {"overlayColor":"primary","minHeightUnit":"vh","style":{"spacing":{"margin":{"top":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  9. <div class="wp-block-cover" style="margin-top:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:cover {"useFeaturedImage":true,"dimRatio":40,"overlayColor":"foreground","minHeight":440,"minHeightUnit":"px","style":{"spacing":{"padding":{"top":"120px","right":"clamp(20px, 4vw, 90px)","bottom":"120px","left":"clamp(20px, 4vw, 90px)"}}}} -->
  10. <div class="wp-block-cover" style="min-height:440px;padding-top:120px;padding-right:clamp(20px, 4vw, 90px);padding-bottom:120px;padding-left:clamp(20px, 4vw, 90px)"><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
  11. <div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontSize":"medium"} /-->
  12. <!-- wp:post-date {"textColor":"background","fontSize":"medium"} /--></div>
  13. <!-- /wp:group -->
  14. <!-- wp:post-title {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"top":"1rem"}}},"textColor":"background"} /--></div></div>
  15. <!-- /wp:cover --></div></div>
  16. <!-- /wp:cover -->