sass - 在 Sass 中为 CSS 属性使用变量

Question

我正在编写一个带有一些数学运算的 @mixin 来计算元素的百分比宽度，但由于它非常有用，我想对其他属性也使用相同的函数，例如边距和填充。

有没有办法将属性名称作为参数传递给 mixin？

@mixin w_fluid($property_name, $w_element,$w_parent:16) {
    $property_name: percentage(($w_element/$w_parent));
}

Answer 1

您需要使用 interpolation (例如 #{$var} )在您的变量上，以便 Sass 将其视为 CSS 属性。没有它，您只是在执行变量赋值。

@mixin w_fluid($property_name, $w_element, $w_parent:16) {
    #{$property_name}: percentage(($w_element / $w_parent));
}