stylus - 如何在一个手写笔文件中定义多个媒体查询？

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 个空格，具体取决于语言。

实际上，您在问题中的示例有效（该示例中只有空格）。