[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Header Collapsed
   4   * Slug: ipsum/header-collapsed
   5   * Categories: header
   6   * Block Types: core/template-part/header
   7   * Viewport width: 1280
   8   * Description: Header with the site logo, title and tagline on the left and the navigation always collapsed behind a menu button.
   9   *
  10   * @package Ipsum
  11   * @since Ipsum 1.0
  12   */
  13  
  14  ?>
  15  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Header Wrapper', 'Name of the group wrapping the header', 'ipsum' ); ?>"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
  16  <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Header Row', 'Name of the header row group', 'ipsum' ); ?>"},"align":"full","layout":{"type":"flex","flexWrap":"nowrap"}} -->
  17  <div class="wp-block-group alignfull"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Site Logo, Title and Tagline', 'Name of the group holding the site logo, title and tagline', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|30"}},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  18  <div class="wp-block-group"><!-- wp:site-logo {"width":64,"shouldSyncIcon":true,"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"color":{"duotone":"var:preset|duotone|duotone-1"}}} /-->
  19  
  20  <!-- wp:site-title {"level":0} /-->
  21  
  22  <!-- wp:site-tagline {"metadata":{"blockVisibility":{"viewport":{"tablet":false,"mobile":false}}},"style":{"layout":{"selfStretch":"fill","flexSize":null}}} /--></div>
  23  <!-- /wp:group -->
  24  
  25  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Navigation Toast', 'Name of the navigation toast group', 'ipsum' ); ?>"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}}},"backgroundColor":"theme-6","textColor":"theme-1","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
  26  <div class="wp-block-group has-theme-1-color has-theme-6-background-color has-text-color has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:navigation {"overlayMenu":"always","overlay":"navigation-overlay","icon":"menu","fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Primary', 'ipsum' ); ?>"} /--></div>
  27  <!-- /wp:group --></div>
  28  <!-- /wp:group --></div>
  29  <!-- /wp:group -->