single.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
  2. <div class="wp-block-group" style="min-height:100vh">
  3. <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
  4. <div class="wp-block-columns">
  5. <!-- wp:column {"width":"18%","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"className":".is-sticky"} -->
  6. <div class="wp-block-column .is-sticky" style="padding-top:0;padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:18%">
  7. <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
  8. <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60)">
  9. <!-- wp:template-part {"slug":"header"} /-->
  10. </div>
  11. <!-- /wp:group -->
  12. </div>
  13. <!-- /wp:column -->
  14. <!-- wp:column {"width":"50%","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"0","left":"var:preset|spacing|60","right":"var:preset|spacing|60"}}}} -->
  15. <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:0;padding-left:var(--wp--preset--spacing--60);flex-basis:50%">
  16. <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
  17. <main class="wp-block-group">
  18. <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"36px"}}}} /-->
  19. <!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"36px"}}}} /-->
  20. <!-- wp:post-content /-->
  21. <!-- wp:spacer {"height":"16px"} -->
  22. <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  23. <!-- /wp:spacer -->
  24. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  25. <div class="wp-block-group">
  26. <!-- wp:post-date {"format":"Y.m.d"} /-->
  27. <!-- wp:post-terms {"term":"post_tag"} /-->
  28. </div>
  29. <!-- /wp:group -->
  30. <!-- wp:spacer {"height":"64px"} -->
  31. <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
  32. <!-- /wp:spacer -->
  33. <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
  34. <div class="wp-block-group">
  35. <!-- wp:post-navigation-link {"type":"previous","arrow":"arrow"} /-->
  36. <!-- wp:post-navigation-link {"arrow":"arrow"} /-->
  37. </div>
  38. <!-- /wp:group -->
  39. </main>
  40. <!-- /wp:group -->
  41. </div>
  42. <!-- /wp:column -->
  43. <!-- wp:column {"width":"18%","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
  44. <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:18%"></div>
  45. <!-- /wp:column -->
  46. </div>
  47. <!-- /wp:columns -->
  48. <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
  49. </div>
  50. <!-- /wp:group -->