Css 属性值的SASS函数/混合

下面是一个mixin示例：

=border($alpha: 0.2)
    1px solid hsla(0, 0, 0, $alpha)

我想使用函数/混合函数实现如下功能：

@function border($alpha: 0.2)
  $border: 1px solid hsla(0, 0, 0, $alpha)
  @return $border

右边框：+border（0.2）

这将汇编成：

右边框：1px实心hsla（0,0,0,0.2）

---

我没有看到任何关于如何使用函数/混合函数动态计算属性值的文档。我只见过当它们包括财产时才使用它们。这是如何实现的？

您可以编写如下函数：

@function border($alpha: 0.2)
  $border: 1px solid hsla(0, 0, 0, $alpha)
  @return $border

并像任何其他sass/compass功能一样应用它们：

border-right: border(0.2)

---

文档：示例：仅参考官方文档：