@import 在 sass 后面有属性和括号时是什么意思？

Question

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

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

有谁知道这是什么意思吗？

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

Answer 1

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

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

您可以在没有变量的情况下包含它；然后使用默认的“90deg”，但您可以通过在包含中传递一个参数来覆盖它。要更改此设置，您可以像在示例中那样直接传递值或变量。有效的是：

@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 后面有属性和括号时是什么意思？

What does the @import mean in sass when it has a property and brackets after it?

css

sass

@import 在 sass 后面有 属性 和括号时是什么意思？

What does the @import mean in sass when it has a property and brackets after it?

css

sass

@import 在 sass 后面有属性和括号时是什么意思？