css - 基金会 5 : enable button radii (radiuses) globally

Question

buttons 组件有这个 mixin，@mixin button-style($bg:$primary-color, $radius:false, $disabled:false) 被引用这样:

@include exports("button") {
  @if $include-html-button-classes {

    // Default styles applied outside of media query
    button, .button {
      @include button-base;
      @include button-size;
      @include button-style;
[...]

因此，元素 being 或 .button 永远不会让 $radius 为真，因为调用 mixin 时没有任何参数，因此设置了默认的 false。有没有一种我不知道的聪明方法，也许在 SASS 中，可以在全局范围内启用它？

Answer 1

将此添加到您的 app.scss:

button, .button {
    @include button($radius:true);
}

它将使用 _button.scss 的 mixin 修改按钮输入和类。