Preview:
// style.scss
:root{
  --color-property: $var1;
}

// style.css
:root{
  --color-property: $var1;
}

// No compila nada de las variables:
//tal vez porque :root es el unico pseudo elemento al que se puede aceder directamentes, incluso //desde JS, como; let root = document.querySelector(":root")
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter