2013-03-25 34 views
1

如何“打开媒体查询代码块”,以便我可以开始定义我的样式?如何使用SASS使用媒体查询?

谷歌是没有好处的(是所有关于SCSS而非SASS - 布局是不一样的,我不认为)

+1

如果您刚开始使用Sass,请注意,现在大部分所谓的Sass都使用Scss语法。例如,旧的Sass语法不使用大括号或分号。新的Sass语法(SCSS)。你真的使用旧的'.sass'扩展吗? – 2013-03-25 03:08:17

回答

3

要找到SASS文档,而不是SCSS,我会看着SASS_REFERENCE文件从Sass宝石的旧版本(3.x之前版本)开始。

从官方Sass Github repo的2.2.24标签望着doc-src/SASS_REFERENCE file,我发现@media查询此引用:

@media print 
    #sidebar 
    display: none 

    #main 
    background-color: white 

编译为:

@media print { 
    #sidebar { 
    display: none; } 

    #main { 
    background-color: white; } } 

reference file其余了解详情。

+0

但是,当然,我还建议升级到SCSS而不是旧的SASS语法,因为它将在未来得到支持,并且通常更易于使用。 – 2013-03-25 03:39:27

+0

谢谢:)是的,它是一个耻辱,大多数人现在使用scss而不是旧版本。我更喜欢它缺乏花括号和semincolons。尽管如果你偶然添加一个,它会彻底坏掉:(我想我在开始使用手写笔时。http://learnboost.github.com/stylus/ – Ollie 2013-03-25 03:47:31