sass问题合集calc 函数无法使用scss变量或scss函数? 正确写法 css变量无法使用sass变量? 正确写法

calc 函数无法使用scss变量或scss函数?

正确写法

.demo{
    // px2Rem() 为scss自定义函数
    width: calc(100vw - #{px2Rem(20)});
    // $someHeight 为scss变量
    height: calc(100vw - #{$someHeight});
}

正确写法

$primary: #409eff;
:root {
    // $primary 为scss变量
    --fill-color-primary: #{$primary};
}

// 编译后 css
:root {
  --fill-color-primary: #409eff;
}