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

您的问题是顶部查询中有制表符，而下部有空格。尽量保持一致(对于各种编程，这通常是一个很好的做法)。无论哪种方式我都没有偏好，但您可能应该查看您的编辑器设置，看看您是否可以在该级别上强制执行一致性。当我按 Tab 键时，我的编辑器会放置 4 或 2 个空格，具体取决于语言。

您在问题中的示例实际上有效(那个示例中只有空格)。