将 Scss 转换为 Sass 混入

Question

我正在寻找一些专门针对 .Sass

的 Mixins 文档

不是.Scss

但由于命名约定，他们不断得出相同的搜索结果。

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

@mixin font-size($size) {
  font-size: $size;
  font-size: calculateRem($size);
}

@mixin 变为 =

但再往后我不知道 function 会变成什么……

Answer 1

您可以使用 sass-convert 将您的文件从 scss 转换为 sass

您在 sass 中的代码是

@function calculateRem($size)
  $remSize: $size / 16px

  @return $remSize * 1rem

=font-size($size)
  font-size: $size
  font-size: calculateRem($size)

参考 http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax

将 Scss 转换为 Sass 混入

Convert Scss to Sass mixin

sass

code-conversion

mixins