Lobsters is a community-driven platform for sharing and discussing links to articles, tutorials, and projects related to technology and programming. Readers can learn about a wide range of topics, from software development and system administration to cybersecurity and artificial intelligence. With user submissions, comments, and voting, Lobsters provides a platform for collaborative learning and knowledge sharing among technology enthusiasts.

Lobsters

A developer shares their experience migrating from SASS to native CSS after modern features like nesting became widely supported. They replaced SASS with simple file concatenation and esbuild for minification, reducing critical dependencies. The decision prioritizes long-term maintainability over short-term optimization, as esbuild is optional for minification while SASS was required for compilation. The approach reflects lessons from maintaining a website for over 30 years, emphasizing the importance of choosing tools based on what happens when they disappear.

Goodbye SASS

The one thing I miss the most, and I am not sure if it exists yet in native CSS nesting, is using &amp; to reference a parent selector like you can in SCSS.
In SCSS I often put &amp; after a nested selector to target a higher-level or parent class from deep inside a child. It is really handy for avoiding long repeated selector chains.
Is there anything equivalent in CSS nesting today?

A related take:
<a href="https://css-tricks.com/is-it-time-to-un-sass/" target="_blank" rel="noopener nofollow">https://css-tricks.com/is-it-time-to-un-sass/</a>