I must say that CSS nesting, `light-dark()`, relative color format and `@property` are really changing how I'm writing CSS, and how much more maintainable and elegant such code looks like now!
3 posts total
I must say that CSS nesting, `light-dark()`, relative color format and `@property` are really changing how I'm writing CSS, and how much more maintainable and elegant such code looks like now! In latest @FirefoxNightly, the variable tooltip in @FirefoxDevTools now shows the computed value of the variable! I'm super excited about this, it should make working with custom properties much easier. Combined with the registered property info and @starting-style value, this feels like super power 🦹 We're also planning other changes that would make the tooltip even better :)
Show previous comments
@nicolaschevobbe @FirefoxNightly @kizu @anatudor @shadeed9 @FirefoxDevTools Great feature! Will this be part of the next Firefox Dev version? @nicolaschevobbe @FirefoxNightly @FirefoxDevTools @shadeed9 will you remove in IA in Firefox? Like, not add it? CSS nesting is enabled in Firefox 117 (currently Beta/DevEdition) 🎉 This was a bit stressful as the impact on @FirefoxDevTools was quite important and we had to change a lot of things in a lot of different places to ensure everything works with nesting. We took this opportunity to rework how we display grouped rules, so it looks more like the CSS you authored 🙂 |
@nicolaschevobbe I agree that there is some good stuff. I'm not a big fan of light-dark(), though. I prefer to have CSS variables named by purpose and then override them for dark mode.