2012-04-01 7 views
6

SASSを使用し始めました。しかし、私はしたいことがありますが、それが可能かどうかの答えを見つけることはできないようです。SASSのコードブロックの解析を防止しますが、まだ最終CSSファイルに出力しません。

私は、SASSが解析/コンパイルされないようにするためのブロックを持っていますが、そのブロックが最終的にコンパイルされたCSSファイルに出力されるようにしたいと考えています。これは可能ですか?

ありがとうございました。

私の最初の質問は、通常、答えを提供します。私はどこかでそれを逃していないと思って、私がそれを見つけるために考えることができるすべての検索用語を試してみました。

+0

例?なぜあなたはCSSを保存したいのですが、代わりにSASS構文に変換するのですか? – Jonathan

+0

SASSのエラーが発生しました.SASSは私のCSSに問題がありました。解析されずに結果のCSSファイルに出力されるコードをscssファイルに書き込む方法があることが期待されていました。 私の問題は、Jekyllワークフロー内でSASSの@import機能を誤って使用していました。 Jekyllで処理したいファイルの先頭にYAML "Front-matter"が必要ですが、Jekyllで処理されないためSASS Partialでは必須ではありません。だから私はSASSがYAMLのフロントマターで誤りを犯しているのを知らなかった。 –

+0

私は現在、もはやこの質問への回答は必要ありませんが、他の誰かが開かれたままにしておきますか? –

答えて

0

ブロックを/ * ..... * /内にscssファイルで囲んでみてください。それが役に立てば幸い。

+1

私はコメントを見た。それは私が望んだことを全くしません。それは実際に最終的なCSSファイルに出力されますが、コメントアウトされていますが、これは私が望むものではありません。 私の問題は、最終的なファイルに出力するCSSがいくつかありますが、SASSによって解析されません。 –

1

別の.cssファイルに入れて、SASSファイルにインポートします。 .cssで終わるファイルは解析されませんが、依然として最終出力に含まれます。

0

この質問は少し古いですが、最新のものに保つの精神で:

SASSの現在のバージョン(3.4.22)が唯一、それは必要なものを変えるのはかなり良い仕事をしていませんに。あなたが書いたものが有効なCSSなら、そのまま出力するべきです。

あなたのスタイルを変更するSASSが表示されるのは、変更が必要なように見える場合だけです。

  • ネストスタイル
  • 連結する文字列の使用
    • content: 'foo' + 'bar';
  • 補間
    • left: calc(50% - #{$variable})
    :自分のドキュメントに基づいて、それはのようなものだろう@extendを使用するか、私の経験では、他のほとんどの状況では@include

をネスト

  • 変数の使用
    • width: $variable
  • は、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"); 
    
  • 関連する問題