2012-06-24 20 views
2

我在Windows 7中利用偵察應用程序,方便SASS /北斗編譯沒有配置這一切的麻煩:SASS /北斗不一致書面RGBA值輸出樣式

http://mhs.github.com/scout-app/

我已經設置好監控我的scss文件夾並將main.css輸出到我的css文件夾,並且它可以工作。不過,我有時會遇到一個非常令人沮喪的時刻,這個問題似乎與保存事物的順序有關。

例如,我有這樣的規則:

@include background-with-css2-fallback(image-url("bg_skin.png"),image-url("bg_noise.png"),linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.4)),$color-header-background url(../img/bg_skin.png)); 

這創建由兩個分層的PNG的與施加到其上的半trasparent梯度的背景。在舊版瀏覽器上,應用了基本顏色和單個PNG。在正常情況下,這會創建下面的CSS。請注意,以上生成幾十行,我只顯示現在相關的一個:

background: url('img/bg_skin.png?1339414190'), url('img/bg_noise.png?1339150807'), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), #b9d233 url(../img/bg_skin.png); 

一切都很好。在這同樣的文件,這是我的主要SCSS文件,在我進口的部分是這樣結尾:

@media screen and (max-width: 940px) { @import 'tablet'; } 

當我做了更改,這部分文件(_tablet.scss),童軍會檢測到它,並重新編譯一切。然而,這樣做,突然產生了不同的規則關於我前面提到的背景規則:

background: url('img/bg_skin.png?1339414190'), url('img/bg_noise.png?1339150807'), -moz-linear-gradient(top, rgba 0, 0, 0, 0), rgba(0, 0, 0, 0)), #b9d233 url(../img/bg_skin.png); 

它現在創建從0梯度0,而不是從0到0.4!出於藍色。

我發現再次編輯我的main.scss文件並保存它,再一次導致了正確的漸變規則,然後它弄糟了類似的規則在parial中。重新保存部分文件會修復部分CSS,但它會再次破壞主要規則。這是一個完全死鎖的情況。

我想要的是我的主要SCSS和部分SCSS文件被正確編譯。我可以忍受這種情況,我需要按照特定的順序保存這些文件,但現在每個訂單都會導致錯誤的結果。

這是一個常見問題還是設置問題?有什麼建議麼?

回答

3

多一點挖後,我發現這個問題的原因:

https://github.com/mhs/scout-app/issues/44

問題確實是不正確編譯RGBA值。具體來說,它只適用於上次保存的文件,這與我的問題一致。不幸的是,對於我的設置(Windows上的Scout),目前還沒有解決方案,但顯然開發團隊正在開發它。

3

您可以嘗試使用除法而不是使用十進制數。例如:0.5> 5/10。

對我的作品,我對MACOSX LION/TextMate的/偵察/火狐15

+0

問題仍然是不固定的,但您的解決方案完全適用於我(在Windows,偵察)。謝謝! – damaxxed