这个使用mixin函数的SASS代码是否太冗长?

时间:2018-11-07 05:41:08

标签: sass

我觉得此 mixin 的代码太冗长,请帮助。
请随时通过任何有关mixin的建议。

  @mixin bold { font-weight: bold; }

  @mixin normal { font-weight: normal; }

  @mixin font($bold, $normal) {
    @if ($bold) {
      @include bold

    } @else {
      font-weight: normal;
    }
  }

  h1 { @include font(false, false) }
  h2 { @include font(true, true) }

1 个答案:

答案 0 :(得分:3)

您可以简化它:

$bold: 700;
$normal: 400;

h1 {
    font-weight: $bold;
}
h2 {
    font-weight: $normal;
}