css - SCSS mixin 跳过默认参数

Question

我有一些混合:

@mixin flexBox( $directionVlaue: row, $justifyValue: flex-start, $alignValue: baseline ) {
  display: flex;
  flex-direction: $directionVlaue;
  justify-content: $justifyValue;
  align-items: $alignValue;
}

现在，如果我使用它并传入参数，是否有可能跳过一个，这样我就不必一直写所有三个参数:

.thing {
   @include flexBox(row, center, center);
}

我不想在这里指定 row 因为它是默认值。那么是否可以这样写:

.thing {
   @include flexBox( , center, center); // leave first argument empty
}

Answer 1

也许关键字参数？这允许定义特定的参数。

https://sass-lang.com/documentation/at-rules/mixin#taking-arbitrary-keyword-arguments