SCSS-Mixins-将不同的值传递给单个CSS属性

问题描述

我想进行文本混合，但是idk如何将可选属性传递给字体家族。 在此示例中，它采用两个值（如果浏览器不支持第一个值，它将使用第二个值）

这行不通：$fontFamily: "Montserrat SemiBold" | sans-serif

@mixin text($fontSize: 20px,$fontFamily: "Montserrat SemiBold" | sans-serif,...) {
  font-size: 16px;
  font-family: "Montserrat SemiBold",sans-serif;
  ...
}

解决方法

您可以使用括号：

@mixin text(
    $fontSize: 20px,$fontFamily: ('Montserrat SemiBold',sans-serif)
) {
    font-size: $fontSize;
    font-family: $fontFamily;
}