stylus - 1つのスタイラスファイルで複数のメディアクエリを定義するにはどうすればよいですか？

Question

1つのファイルで複数のメディアクエリを定義するにはどうすればよいですか？

私はこの.stylファイルを持っています：

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

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

これは私にエラーを与えていますexpected "indent", got "newline"。それらを別々のファイルに配置し、1つのファイルに他の作品を含めます。しかし、同じファイルとこれをインポートしている2番目のファイルにそれらがあると、失敗します。

更新：ファイルのコードはここにあります：

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

Answer 1

問題は、上部のクエリにタブがあり、下部にスペースがあることです。一貫性を保つようにしてください（これは、あらゆる種類のプログラミングに関しては、一般的には良い習慣です）。どちらの方法も好みはありませんが、エディターの設定を調べて、そのレベルで一貫性を保つことができるかどうかを確認する必要があります。私のエディターは、言語に応じて、Tabキーを押すと4つまたは2つのスペースを入れます。

質問の例は実際に機能します（その中にはスペースしかありません）。