512 Followers
7 Following
35 Posts
The official Fediverse account of Sass. Follow everyone's favorite CSS language for updates, information, and announcements.
🌎https://sass-lang.com
👩‍💻https://github.com/sass
We've got another proposal out for review, this one for the JS API! We're planning to change the sourceMapIncludeSources option to clarify when and how source maps are embedded. Let us know what you think! https://github.com/sass/sass/blob/main/proposal/source-map-include-sources.md
sass/proposal/source-map-include-sources.md at main · sass/sass

Sass makes CSS fun! Contribute to sass/sass development by creating an account on GitHub.

GitHub
A week ago, we put out a poll asking how many Sass users wrote CSS custom properties that weren't also valid SassScript (https://front-end.social/@sass/115272830411739760). About a third of you said you did, but no one gave examples. We'd love to know the specific use-cases you have for custom properties that use syntax that wouldn't be valid in other CSS properties!
Sass (@[email protected])

In Sass today, CSS custom properties are parsed differently than other declarations. They don't allow normal SassScript—any variables and custom functions have to be wrapped in #{}. This is because the spec allows *anything* there, and it can be read from JS. But we're wondering: does anyone actually use this in practice? Remember that any value for any non-custom property is also valid SassScript. (Please share for broader reach!) [ ] I write CSS vars that aren't valid SassScript [ ] All my CSS vars are valid SassScript [ ] I don't use CSS vars/show results

Front-End Social
In Sass today, CSS custom properties are parsed differently than other declarations. They don't allow normal SassScript—any variables and custom functions have to be wrapped in #{}. This is because the spec allows *anything* there, and it can be read from JS. But we're wondering: does anyone actually use this in practice? Remember that any value for any non-custom property is also valid SassScript. (Please share for broader reach!)
I write CSS vars that aren't valid SassScript
24.4%
All my CSS vars are valid SassScript
46.3%
I don't use CSS vars/show results
29.3%
Poll ended at .
If you write CSS vars that aren't valid SassScript, we want to know details! Please reply with an example of the sorts of variables you're writing and why.
If we do change the way custom properties are parsed, it will be far in the future after a full deprecation cycle to make sure anyone who's using anything weird has a chance to migrate to something compatible. The main question right now is how we parse the `result` property in CSS `@function` rules, which has the same considerations as custom properties.
In Sass today, CSS custom properties are parsed differently than other declarations. They don't allow normal SassScript—any variables and custom functions have to be wrapped in #{}. This is because the spec allows *anything* there, and it can be read from JS. But we're wondering: does anyone actually use this in practice? Remember that any value for any non-custom property is also valid SassScript. (Please share for broader reach!)
I write CSS vars that aren't valid SassScript
24.4%
All my CSS vars are valid SassScript
46.3%
I don't use CSS vars/show results
29.3%
Poll ended at .
We've got another proposal out for review, and this one's meaty! It proposes adding Sass support for the new plain CSS if() function in place of Sass's old if() function syntax. Let us know what you think! https://github.com/sass/sass/blob/main/proposal/plain-css-if.md
sass/proposal/plain-css-if.md at main · sass/sass

Sass makes CSS fun! Contribute to sass/sass development by creating an account on GitHub.

GitHub
We've got another proposal for people to review! This one slightly changes the logic of which function names are reserved to better match CSS semantics and un-reserve some functions that are generally safe: https://github.com/sass/sass/blob/main/proposal/function-name.md
sass/proposal/function-name.md at main · sass/sass

Sass makes CSS fun! Contribute to sass/sass development by creating an account on GitHub.

GitHub
We've got another language proposal for the community to take a look at. This one proposes removing support for !default on private variables, since overriding them breaks the principle of encapsulation. Let us know what you think! https://github.com/sass/sass/blob/main/proposal/default-on-private-variables.md
sass/proposal/default-on-private-variables.md at main · sass/sass

Sass makes CSS fun! Contribute to sass/sass development by creating an account on GitHub.

GitHub
We have a new language proposal out for review! This adds support for new syntax that's recently landed for the attr() function, which includes one breaking change: user-defined functions can no longer be named "type()". Check out the full proposal and let us know what you think! https://github.com/sass/sass/blob/main/proposal/attr-type.md
sass/proposal/attr-type.md at main · sass/sass

Sass makes CSS fun! Contribute to sass/sass development by creating an account on GitHub.

GitHub