2013-03-25 61 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