Skip to content

Instantly share code, notes, and snippets.

@webmandesign
Last active March 16, 2022 06:21
Show Gist options
  • Save webmandesign/8136127b6f3ec52d53b253689f95a248 to your computer and use it in GitHub Desktop.
Save webmandesign/8136127b6f3ec52d53b253689f95a248 to your computer and use it in GitHub Desktop.
WP5.9 issue test content
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size"><strong>This text uses "Large" font size. It should be the same size as the text in next column. Is it?</strong><br>Some more dummy text here... Lorem ipsum dolor sit amet pede tincidunt pulvinar penatibus rutrum. Platea egestas feugiat placerat id inceptos consectetur cubilia laoreet. Platea iaculis placerat montes taciti ipsum ex.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
<p class="has-theme-large-font-size"><strong>This is how theme defines "Large" font size. The text in previous column should be the same size as this one. Is it?</strong><br>Some more dummy text here... Lorem ipsum dolor sit amet pede tincidunt pulvinar penatibus rutrum. Platea egestas feugiat placerat id inceptos consectetur cubilia laoreet. Platea iaculis placerat montes taciti ipsum ex.</p>
<style>.has-theme-large-font-size {
font-size: var(--typography_font_size_L_em, var(--typography_font_size_large));
line-height: calc( 1 + 0.618 / var(--typography_font_size_L, var(--typography_font_size_large)));
}</style>
<!-- /wp:html --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:paragraph -->
<p><strong>Tip</strong>: Try to resize browser window to preview responsive typography too. Does it match?</p>
<!-- /wp:paragraph -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment