使用一个像混入一样调用的 Sass 变量

Question

在 Sass 中，我不确定要搜索什么。我想要这样的东西：

$dark = function($perc) {
    $decimal = $perc/100%;
    return rgba(0,0,0,$decimal);
}
.bar { box-shadow: 1px 1px 3px $dark(40%); }

所以...调用一个变量，如 @mixin？我不知道。我确定这是可行的，我只是不知道如何或如何研究它。

Answer 1

在SASS中，这些被简称为函数。在您的情况下，这将是

@function dark($percent) {
   @return rgba(0,0,0, $percent / 100);
}

之后就可以这样使用了

.bar { box-shadow: 1px 1px 3px dark(40); }

Using a Sass variable called like a mixin