主页 / 问题 / 1371122
Accepted
Konstantin_SH
Asked:2022-06-13 20:33:48 +0000 UTC2022-06-13 20:33:48 +0000 UTC

如何将“填充”转换为 scss mixins 中的填充？

  • 772

我了解混合。据我了解，我可以在那里传递一个变量并用它做一些事情：

$var: "padding"
@mixin exemple($var){
...
}

是否可以调用这样的 mixin@include exemple("padding")并对属性做一些事情padding？在 scss 中，您还可以将默认值传递给变量，如js？也就是说，如果你写：

@mixin exemple($var: "padding"){
$var: 20px;
}

那么$var在连接mixin的时候，理论上是可以传任意字符串的。有没有办法将此字符串转换为属性？

sass

1 个回答

  1. Best Answer

    对于我想要实现的，插值是合适的。它写成#{}，也就是说，如果你写这样一个mixin：

    @mixin exemple ($property){
#{$property}: 20px;
}

    并像这样使用它：

    body{
@include exemple("margin");
}

    这body将添加一个属性margin: 20px。自然，插值也可以用于更复杂的混合。

    • 0

相关问题