CSS custom properties работают во время выполнения, участвуют в каскаде и наследовании. SCSS-переменные вычисляются при сборке и не существуют в итоговом CSS.
Могут ли CSS-переменные заменить переменные SCSS? В чём разница?
CSS custom properties работают во время выполнения, участвуют в каскаде и наследовании. SCSS-переменные вычисляются при сборке и не существуют в итоговом CSS.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
CSS custom properties работают во время выполнения, участвуют в каскаде и наследовании. SCSS-переменные вычисляются при сборке и не существуют в итоговом CSS.
CSS-переменные удобны для тем и динамических значений, а SCSS — для вычислений и генерации правил на этапе компиляции. Они могут дополнять друг друга. Замена не всегда прямая: custom property нельзя использовать как обычную переменную Sass для построения селектора или условия сборки.