Question

我们可以定义边界方向的边框是否有任何mixin？

我正在使用：

@mixin border-all($width, $style, $color) {
    border-width: $width;
    border-style: $style;
    border-color: $color;
}

它正在发挥作用，但正如其名称所说，mixin适用于所有方向。如何定义边界方向？

我在考虑这样的事情：@mixin border($direction, $width, $style, $color)

有什么想法吗？

Answer 1

是的，你可以这样做：

@mixin border($direction, $width, $style, $color) {
  border-#{$direction}: $width $style $color;
}

但是，我建议不要在这种特殊情况下使用mixin，因为你没有通过默认的CSS语法从中获得任何东西。

将默认边框样式保存到变量或mixin以便于重用可能更有用。