我在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文件被正確編譯。我可以忍受這種情況,我需要按照特定的順序保存這些文件,但現在每個訂單都會導致錯誤的結果。
這是一個常見問題還是設置問題?有什麼建議麼?
問題仍然是不固定的,但您的解決方案完全適用於我(在Windows,偵察)。謝謝! – damaxxed