将CSS值分配给SASS变量

Question

有没有办法直接将CSS值分配给SASS变量，如下所示：

$var:padding: 20px/1440px * 100%;

我知道我可以这样做：

$padding: 20px/1440px * 100%;
padding: $padding;

但有没有办法直接将CSS中的值赋给变量？基本上是让它在同一条线上。

Answer 1

您可以像字符串一样指定css值：

$var:"padding: 20px/1440px * 100%";

但我真的不知道这对你有什么帮助。 Mixin是最好的方式。

Answer 2

不能直接从变量中分配。你必须使用mixin。

示例：

@mixin ur_padding
{
padding:20px/1440px * 100%
}

.ur_div_here
{
@include ur_padding;
}