2013-06-28 108 views
0

正如標題所示,我正在尋找一個在線工具來將幾行SASS轉換爲純CSS ..我已經使用了它,但是我可以找到的每個鏈接都是在談論CSS到SASS轉換器..如何將SASS轉換爲CSS?

而且,這裏是我想轉換成CSS的幾行:

=text-shadow($color) 
    $str: null 
    @for $i from 1 through 32 
    $str: #{$i}px #{$i}px 0px #{$color}, $str 
    text-shadow: $str 
+7

難道你不能簡單地編譯SASS?這不是全部的觀點嗎? –

+0

您無法將* THAT *轉換爲CSS。不過,您可以使用運行結果。它會爲你做嗎? – Renan

+3

爲什麼不直接通過編譯器運行SASS? –

回答

2

每百科:

薩斯是一個層疊樣式表(CSS)的元語言。這是一個腳本編碼 解釋爲CSS的語言。 SassScript是腳本語言 。

正如大多數評論所說,SASS被編譯成CSS,所以這就是你必須要做的。

另外,正如Nick Tomlin所提到的,codepen對於這樣的前端代碼非常出色,並且完全支持SASS。

你可以找到SASS來源here,這應該揭示一些過程。

+2

我想這顯然需要不時陳述。我敢打賭,這篇文章可能對未來一些可憐的靈魂有用。 –

+0

@WesleyMurch是的,它可以.. – LukyVj

3

正確回答你的問題是:

/* empty */ 

的CSS相當於你的SASS的代碼是一個空字符串。

說明

隨着=你定義一個mixin。 mixin本身並不定義任何CSS規則。但它可以在規則中用作快捷方式。像任何編程語言中的函數一樣。 CSS不支持函數,所以無法在CSS中表示這個SASS代碼。