调用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);
}