この質問は少し古いですが、最新のものに保つの精神で:
SASSの現在のバージョン(3.4.22)が唯一、それは必要なものを変えるのはかなり良い仕事をしていませんに。あなたが書いたものが有効なCSSなら、そのまま出力するべきです。
あなたのスタイルを変更するSASSが表示されるのは、変更が必要なように見える場合だけです。
- ネストスタイル
- 連結する文字列の使用
- 補間
left: calc(50% - #{$variable})
:自分のドキュメントに基づいて、それはのようなものだろう@extend
を使用するか、私の経験では、他のほとんどの状況では@include
をネスト
変数の使用
は、SASSは喜んであなたが書いたものは何でも吐き出します。 $family: unquote("Droid+Sans");
@import url("http://fonts.googleapis.com/css?family=#{$family}");
にコンパイルされます。それは、あなたが引用符で問題のある部分をラップし、unquote
機能を使用してそれらを削除することができますする必要がない場合、あなたはSASSの構文解析を主張出力何かに
必要がある場合
@import url("http://fonts.googleapis.com/css?family=Droid+Sans");
例?なぜあなたはCSSを保存したいのですが、代わりにSASS構文に変換するのですか? – Jonathan
SASSのエラーが発生しました.SASSは私のCSSに問題がありました。解析されずに結果のCSSファイルに出力されるコードをscssファイルに書き込む方法があることが期待されていました。 私の問題は、Jekyllワークフロー内でSASSの@import機能を誤って使用していました。 Jekyllで処理したいファイルの先頭にYAML "Front-matter"が必要ですが、Jekyllで処理されないためSASS Partialでは必須ではありません。だから私はSASSがYAMLのフロントマターで誤りを犯しているのを知らなかった。 –
私は現在、もはやこの質問への回答は必要ありませんが、他の誰かが開かれたままにしておきますか? –