Question

这个混蛋混蛋怎么了？

@mixin tablet {
  @media (min-width: #{$tablet}) and (max-width: #{desktop - 1px})
    {
      @content;
    }
}

node-sass告诉我这个错误：

@mixin tablet {
              ^
      Invalid CSS after "@mixin tablet {": expected "}", was "{"
      in /home/alexzeitler/src/my-prj/mobile-mockups/src/styles/responsive-mixins.sass (line 4, column 16)

但是every我sample的look使用上面显示的语法。

更新： ./node_modules/.bin/node-sass --version返回

node-sass   4.9.3   (Wrapper)   [JavaScript]
libsass     3.5.4   (Sass Compiler) [C/C++]

Answer 1

解决方案：我弄乱了文件扩展名。使用.scss代替.sass对其进行了修复。

如果您要坚持使用.sass扩展名，也可以使用以下SASS语法来修复它：

=tablet
  @media (min-width: #{$tablet}) and (max-width: #{desktop - 1px})
      @content

=desktop
  @media (min-width: #{$desktop-width})
  @content

@mixin“ @mixin

1 个答案: