2013-02-16 57 views
1

在使用compass compile後,SCSS代碼片段會生成相應的CSS。但是,如果我使用-output_style compressed,則CSS缺少.box-yellow定義。生成.box-red等,但是黃色丟失。使用壓縮輸出時,SASS/Compass在@each中缺少一個條目

$colors: red #f00, yellow #ff0, green #0f0, blue #00f; 

@each $entry in $colors { 
    $name: nth($entry, 1); 
    $color: nth($entry, 2); 

    .box-#{$name} > header { 
     background: $color; 
    } 
} 

難道這是一個錯誤或我在這裏錯過了什麼嗎?

回答

1

不知道這是否是一個錯誤,但對我來說似乎很奇怪。如果我將樣式設置爲壓縮,我可以在這裏將v3.2.3複製到此處。奇怪的是,縮短到yello工作正常。一種解決方法是引用他們:

$colors: "red" #f00, "yellow" #ff0, "green" #0f0, "blue" #00f; 

這產生:

.box-red>header{background:red}.box-yellow>header{background:#ff0}.box-green>header{background:lime}.box-blue>header{background:blue} 

而現在,我在輸出端再看看,一種模式:其他顏色產生顏色的名稱,而不是一個十六進制值。

+0

是的,我也暫時解決它改爲'yello'。感謝與引號的提示,效果很好。 – Dehalion 2013-02-16 22:55:06

+0

@Dehalion樂於助人。可能值得在Github上的[Sass issues部分](https://github.com/nex3/sass/issues)上報告 – steveax 2013-02-16 23:24:58

+0

已經爲Compass項目創建了一個問題,現在也直接在Sass上創建了一個問題(https: //github.com/nex3/sass/issues/665) – Dehalion 2013-02-23 17:01:30