如何在ATOM编辑器中制作css媒体查询片段

Question

我已经开始在大约一年的休息之后再次开始探索ATOM，现在更不用担心了，我只是在探索制作片段部分而我正在经历 THIS 片段文件，

现在很多关于如何编写css片段，当然我尝试使用与JS片段相同的语法，并在我的片段文件中有一个看起来如下的css片段：

'.source.css':
   'css-media':
     'prefix': 'css-media'
     'body': '@media (min-width:$1) {
          $2
      }'

问题是上面给出了以下输出：

@media (min-width:) {  }

而不是：

@media (min-width:) { 

}

现在我确实在线浏览了一些css软件包，例如 THIS ONE ，但没有找到在ATOM中制作媒体查询代码段的示例。有人能告诉我怎样才能做到这一点？

Answer 1

请参阅您关联的页面底部：http://flight-manual.atom.io/using-atom/sections/snippets/

  

您还可以使用＆＃34;＆＃34;＆＃34;对于较大的模板

所以你的模板应该是

'.source.css':
   'css-media':
     'prefix': 'css-media'
     'body': """@media (min-width:$1) {
          $2
      }"""

Answer 2

这是您要查找的格式：

'.source.css':
   'css-media':
     'prefix': 'mq'
     'body': '@media(min-width:$1){\n\t$0\n}'