Question

我正在尝试解码以下行...

@include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);

有谁知道这意味着什么？

我不明白函数表达式构造是什么，是mixin还是什么？

Answer 1

我不认为导入可以传递变量，因此我认为你的意思是包含。我们假设我们有以下mixin：

@mixin rotate($degrees: 90deg) {
  transform: rotate($degrees);
}

您可以在没有变量的情况下包含它;那么默认＆＃34; 90deg＆＃34;使用，但您可以通过在include中传递参数来覆盖它。要更改此设置，您可以直接传递值，也可以像在示例中一样传递变量。有效的是：

@include rotate(90deg);
@include rotate;

$half: 180deg;
@include rotate($half);

对于多个参数，还可以定义要覆盖的参数：

@mixin base-font($fontWeight: normal, $fontColor: $mineShaft) {
  color: $fontColor;
  font-weight: $fontWeight;
}

@include base-font($fontColor: $myColor)

@import在sass中具有属性和括号之后的含义是什么？

1 个答案: