css - Sass 变量更改为 css 变量？

Question

我该怎么做？

//样式.scss

$primary-color: #dc4545;

div{
    background : $primary-color;
}

尝试这样做:

div{
    background : var(--primary-color)
}

这有可能吗？

Answer 1

你可以在:root上定义全局变量:

:root {
  --primary-color: #dc4545; 
}

div {
  background: var(--primary-color); 
}

编辑:或者您是在尝试混合搭配？

$primary-color: #dc4545;

:root {
  --primary-color: #{$primary-color}; 
}

div {
  background: var(--primary-color); 
}