Как определить несколько медиа-запросов в одном файле стилуса?

Question

Как определить несколько медиа-запросов в одном файле?

У меня есть этот .styl-файл:

@media (min-width: 980px)
  body
    padding-top 60px

@media (min-width: 768px)
  body
    .container
      width 768px

Это дает мне ошибку expected "indent", got "newline".Помещение их в отдельные файлы и включение одного файла в список других работ.Но когда они находятся в одном и том же файле и во втором файле, который импортирует этот файл, происходит сбой.

Обновление: Код файлов можно найти здесь:

• https://github.com/mastoj/NodeJsExpressFun/blob/master/public/stylesheets/style.styl
• https://github.com/mastoj/NodeJsExpressFun/blob/master/public/stylesheets/nblog.styl

Answer 1

Ваша проблема в том, что у вас есть вкладки в верхнем запросе и пробелы в нижнем. Старайтесь быть последовательными (это хорошая практика в целом, когда речь идет о всех видах программирования). У меня нет предпочтений в любом случае, но вам, вероятно, следует заглянуть в настройки вашего редактора, чтобы увидеть, можете ли вы обеспечить согласованность на этом уровне. Мой редактор ставит 4 или 2 пробела при нажатии клавиши табуляции, в зависимости от языка.

Ваш пример в вопросе работает, на самом деле (в этом есть только пробелы).