In my project, I use CSS custom properties but I also need them as SCSS variables for use with libraries that are written in SCSS that need to be customized.
This is a rather simple implementation but it does the trick.
Another thing I'd like to add would be the ability to also resolve var() statements in values, so that
--color: var(--blue); is transformed to --color: blue. That would allow us to export files that are free from custom properties, so we can have a "normal" SCSS var file, for example.
However, this seems like a not so simple task...
In my project, I use CSS custom properties but I also need them as SCSS variables for use with libraries that are written in SCSS that need to be customized.
This is a rather simple implementation but it does the trick.
Another thing I'd like to add would be the ability to also resolve
var()
statements in values, so that--color: var(--blue);
is transformed to--color: blue
. That would allow us to export files that are free from custom properties, so we can have a "normal" SCSS var file, for example. However, this seems like a not so simple task...