@mixin Неверный CSS после "@mixin - PullRequest
Новая
       30

@mixin Неверный CSS после "@mixin

0 голосов
/ 02 октября 2018

Что не так с этим sass mixin? 

@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)

Но каждый образец Я смотрю , использует мой синтаксис, показанный выше.

Обновление: ./node_modules/.bin/node-sass --version возвращает 

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

1 Ответ

0 голосов
/ 02 октября 2018

Решение: я испортил расширения файлов.Исправлено использование .scss вместо .sass.

Также использование этого синтаксиса SASS исправит это, если вы хотите придерживаться расширения .sass: 

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

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