Good things with CSS variables is that we don't need to import them in other components to use them just like sass variables. So when you would use sass variables and when css variables. Do css variables work with sass language (like functions and stuff)?
As these are global styles this means that all deep down components can receive these variables (even if it uses the native encapsulation)?
Yes. Since the variables are defined in the
:root
its available for use in any node in the tree.Good things with CSS variables is that we don't need to import them in other components to use them just like sass variables. So when you would use sass variables and when css variables. Do css variables work with sass language (like functions and stuff)?
I have personally resorted to CSS variables instead of Sass variables as it just makes sense to do so.
I am not very well versed with Sass to answer your question.