边界半径Sass Mixin

Question

当时我使用2个Mixins作为我的Border Radius:

// 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设置为接受值列表,如文档中所示.

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