Border radius Sass Mixin

Question

当时我为我的边界半径使用了 2 个 Mixin：

// 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;
}