Closed adamwoodnz closed 9 months ago
Fixes #406
This PR follows the approach we've taken in the parent theme, enhancing content wrapping by:
text-wrap: balanced
text-wrap: pretty
Resize the page observing the text wrapping on the affected elements.
The titles should remain balanced, with no orphans, until the screen is so narrow that the text has to wrap.
Paragraphs and lists should not have orphans until the screen is so narrow that the text has to wrap.
Check browsers that don't support the properties yet (at time of writing Firefox has only just added support for balance, but not pretty, and Safari has no support), they should gracefully degrade, ie. there should be no effect. https://caniuse.com/?search=text-wrap%3Apretty https://caniuse.com/?search=text-wrap%3Abalance
balance
pretty
Fixes #406
This PR follows the approach we've taken in the parent theme, enhancing content wrapping by:
text-wrap: balancedtext-wrap: prettyScreenshots
Testing
Resize the page observing the text wrapping on the affected elements.
The titles should remain balanced, with no orphans, until the screen is so narrow that the text has to wrap.
Paragraphs and lists should not have orphans until the screen is so narrow that the text has to wrap.
Check browsers that don't support the properties yet (at time of writing Firefox has only just added support for
balance, but notpretty, and Safari has no support), they should gracefully degrade, ie. there should be no effect. https://caniuse.com/?search=text-wrap%3Apretty https://caniuse.com/?search=text-wrap%3Abalance