Last active
March 16, 2022 06:21
-
-
Save webmandesign/8136127b6f3ec52d53b253689f95a248 to your computer and use it in GitHub Desktop.
WP5.9 issue test content
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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