Use the interpolate-size property or the calc-size() function to enable smooth transitions and animations from lengths to intrinsic sizing keywords and back.
A rather geeky/technical weblog, est. 2001, by Bramus
height: auto; (and other intrinsic sizing keywords) in CSS@bramus/style-observer, a MutationObserver for CSS@starting-style support@property supportcos(25deg) in CSS@view-transition to opt-in, not the meta tagcolor-scheme-dependent colors with light-dark()
I’ve written about light-dark() before here on bram.us, and last month I also wrote an article for web.dev about it. The article takes a bit of a different approach, so it’s still worth a read even when you’ve seen my previous one before. System colors have the ability to react to the current used color-scheme …
Continue reading “CSS color-scheme-dependent colors with light-dark()“