2013-02-07 6 views
6

sassのbase64として画像を追加したいと思います。私はコンパスでロックされているが、それはかさばると本当に私が探しているものではない感じ。画像やその他のファイルをコンパスを使わずにcssにインライン展開する良い方法はありますか?CompassなしでInlineとして画像を挿入しますか?

+4

コンパスを使用するだけでよいでしょう。それだけでは、Sassよりもはるかに大きいものではありません。設定ファイルを使用する代わりに、より簡単なコマンドラインが得られます。ヘルパー関数にアクセスするために、インポートを行う必要はありません。http://compass-style.org/reference/compass/helpers/ – cimmanon

+0

シナモンが言ったこと。 – axoplasm

+1

@cimmanon - あなたは純粋な草を使用すると、ruby sassよりも速いlibsassを使うことができます。これはコンパスを使わないのが良い理由です。 – callum

答えて

1

コンパスはオープンソースで、あなたに合ったコードの部分を取得するだけです。

Here is the ruby source on Github

+0

私はちょっと探しています... – Himmators

+2

シェル上で 'base64 your-image.png'を実行してください – ByScripts

+0

これはかなり外見に見えますが...私はあまりルビーでは経験がありません。私はそれをどのように実行するのですか... – Himmators

3

あなたがうなり声を使用する場合は、あなただけのBASE64への定期的なURL()文字列の会話を実現するためにgrunt-data-uriタスクを使用することができます。

 dataUri: { 
      dist: { 
       src: ['dist/styles/*.css'], 
       dest: 'dist/styles/', 
       options: { 
       target: [ 
        'img/low-res/embeded/*.*' 
       ], 
       fixDirLevel: true 
       } 
      } 
     }, 

基本的に、このタスクは.cssの埋め込みフォルダ内に含まれるすべての画像を検索します。そこから、url()をbase64に変換します。

関連する問題