边界半径Sass Mixin

Question

当我使用2个Mixins作为我的边界半径时：

// When the Input is 1 Variable
@mixin border-radius($pixel) {
  border-radius: $pixel;
}

// When the Inputs are 4 Variables
@mixin border-radius-s($tl, $tr, $br, $bl) {
  border-top-left-radius: $tl;
  border-top-right-radius: $tr;
  border-bottom-right-radius: $br;
  border-bottom-left-radius: $bl;
}

我试图找到一种方法将这些mixin合二为一！可能输入if else。我已经尝试过，但找不到任何好的工作解决方案。

任何可以帮助我的人？​​

Answer 1

您可以将mixin设置为接受值列表，如in the docs所示。

@mixin border-radius($pixel...) {
  border-radius: $pixel;
}