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

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

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