Sass Indented Syntax Improvements
Bringing SCSS flexibility to .sass files
The Sass indented format is getting more flexible with the ability to have multiline statements, semicolons, and more.
Keep selector conflicts to a minimum
The new @scope
rule is here! It’s a better way to keep our component styles contained – without relying on third-party tools or extreme naming conventions.
Scoped styles have always been the primary goal of CSS.
Selectors scope declarations to matched elements.
Those selectors can be combined to create more specific scopes –
each modified by its relation to others.
But the @scope
feature,
already available in Chromium browsers,
will make that functionality even more powerful.
Bringing SCSS flexibility to .sass files
The Sass indented format is getting more flexible with the ability to have multiline statements, semicolons, and more.
Inspect and manipulate the new CSS color formats in Sass!
CSS has a range of new color functions that support wider color gamuts (like display-p3
) and perceptually uniform color adjustments (like oklch
). Sass now provides additional tools for working with these new color formats, and converting between them.
I talked with Jens Oliver Meiert over at Frontend Dogma about our work here at OddBird, what’s happening in the CSS Working Group, and advice for getting started in frontend development.