调用 mixin 的 SASS 问题

Question

我的 SASS 代码：

    // rem calculator

    @function calculateRem($size) {
      $remSize: $size / 16px;
      @return #{$remSize}rem;
    }

    @mixin fontsize($size) {
      font-size: $size; //Fallback in px
      font-size: calculateRem($size);
    }

    // variables

    $font-size-regular: fontsize(16px);

    // css

    body {
      font-size: $font-size-regular;
    }

这个输出：font-size: fontsize(16px);

使用@include fontsize(16px); 确实有效。但如果可能的话，我想把它放在一个变量中

Answer 1

你可以这样做

// rem calculator

@function calculateRem($size) {
  $remSize: $size / 16px;
  @return #{$remSize}rem;
}

@mixin fontsize($size) {
  font-size: $size; //Fallback in px
  font-size: calculateRem($size);
}

// variables

$font-size-regular: 16px;

// css

body {
  @include fontsize($font-size-regular);
}