SCSS Property Declarations

Mar 7, 2021

To maintain compatibility with plain CSS, values from custom property declarations have to be written within interpolation in SCSS stylesheets.

$accent-color: #fbbc04;

:root {
  --accent-color-wrong: $accent-color; // ⛔
  --accent-color-right: #{$accent-color}; // ✅
}