How to combine custom properties and logical properties for layout super powers.
Note to self.
When we added a ‘dark mode’ to PBS.org’s appearance, we wanted to allow users to have a choice to turn it on. That introduces some complexities that you need to account for.
Be sure to pair viewport units with a relative unit when using them on font sizes, or you’ll introduce an accessibility issue.
Did you know? You can make a media query based on a viewports aspect ratio, not just it’s width.
A quick look at the relatively new, but well supported, min(), max() and clamp() functions and how you might use them.
Something interesting I learned about using pointer-events and Chrome on inline elements.