北斗/ SCSS編譯重寫CSS規則相反方向，

Question

我使用羅盤編譯SCSS，當以下規則進行編譯：

// foo.scss 
div { 
    background-image: linear-gradient(left, #cccccc 0%, #eeeeee 60%); 
} 

其轉換成下面的CSS規則：

// foo.css 
div { 
    background-image: linear-gradient(to right, #cccccc 0%, #eeeeee 60%); 
} 

請注意它是如何將left翻譯爲to right的。我知道了這個定義，我提供不正確的格式，它應該是：

// foo.scss 
div { 
    background-image: linear-gradient(to left, #cccccc 0%, #eeeeee 60%); 
} 

我在修正規則的過程，但想有，爲什麼出現這種情況有一些瞭解和爲什麼會發生這樣默默。

• 有人能指點我的一些文檔，告訴我爲什麼會發生這種情況嗎？
• 另外，是否有可能讓羅盤警告我這件事，以便我能意識到它正在重寫我的規則？

Answer 1

一個定義是根據舊的語法，另一個根據新的語法，但兩者是等價的。

見，例如this

或從後來

現在this

報價，看看一些樣品codez的舊/新版本：

/*舊*/ background-image：線性漸變（頂部，紅色，綠色）;線性漸變（底部，紅色，綠色）;背景圖像：線性漸變（底部，紅色，綠色）;線性梯度（左，紅，綠）;線性梯度（左，紅，綠）;線性梯度（左，紅，綠）;線性梯度（左，紅，綠）。線性梯度（向右，紅色，綠色）;線性梯度（向右，紅色，綠色）;線性漸變（左下角，紅色，綠色）;背景圖像：線性漸變（左下角，紅色，綠色）;背景圖像：線性漸變（左下角，紅色，綠色）;線性漸變（到右上角，紅色，綠色）;線性漸變（右上角，紅色，綠色）;背景圖像：線性漸變（右上角，紅色，綠色）;線性漸變（左上角，紅色，綠色）;背景圖像：線性漸變（左上角，紅色，綠色）;背景圖像：線性漸變（左上角，紅色，綠色）;線性漸變（向右下方，紅色，綠色）;線性漸變（向右下方，紅色，綠色）;