2011-01-11 2 views
1

私はコンパスにはかなり新しいですが、プロジェクトでコンパスを使用してアイコンスプライトを生成しようとしています。このチュートリアルを参照してください:IMOアイコンスプライトを生成するコンパスを取得できません

を、チュートリアルでは、必ずしも明らかではありません。開始するには、このチュートリアルでは、 "all-icon-sprites"ミックスインを含む "_icons.scss"ファイルを作成するように指示することはありません。

  • @import "icon/*.png"; 
    @include all-icon-sprites; 
    

    この結果は誤りである "構文エラー:未定義のmixin 'すべてのアイコン-スプライト'"

だから私は私のプロジェクトに "_icons.scss" ファイルを追加した、とにコードを変更:

  • 構文エラー:無効な今

    @import "icon/*.png"; 
    @import "_icons"; 
    @include all-icon-sprites; 
    

    、私はこのエラーを取得します"$ delete-position"の後のCSS:expected ")"は、 ":$ icon-delete -..."でした。/path/to/_icons.scssの行28の

誰も私が間違っていることを説明することはできますか?または、実際には "_icons.scss"ファイルに問題がありますか?

+0

このスレッドごと(http://groups.google.com/group/compass-users/browse_thread/thread/3987b6613a5aea55/d7c7b296c4795461?#d7c7b296c4795461)私はコンパスの壊れたバージョンを実行していました。 – arthurakay

+1

whew。ええ、間違いなく最新のベータ版を手に入れよう! – chriseppstein

答えて

3

このチュートリアルでは、_icons.scssをインポートする必要はないので、このチュートリアルでは_icons.scssをインポートするよう指示されていません。 PNGファイルまたは生成されたファイルのどちらかをインポートするか、両方をインポートすることはできません。それらは同じですが、pngファイルをインポートすると、pngファイルの変更(名前の変更、追加、削除など)に合わせて自動的に更新される生成されたスタイルシートがインポートされます。

< images>/iconディレクトリにpngファイルがありますか?

正直なところ、このエラーは、スタイルシートを処理しているコンパスのバージョンがコマンドラインで使用しているバージョンでない場合に表示されるエラーです。レールやCLIでコンパイルしていますか?

+0

Aha!私のフォルダは実際には「アイコン」という名前だったので、私も試みましたが、 @import "icons/*。png"; 生成が失敗します。 私の究極の目標は、いくつかのスプライトのセットを生成することです... "_icons.scss"ファイルを見て、それを可能にするロジックを書き直すことができました。これは明らかにBETAリリースですが、あなたには推奨がありますか? – arthurakay

+0

また、CSSファイルの/ * line 36、.._ base.scss * /の出力を避ける方法がありますか?それは単に醜いように見えます。 – arthurakay

+0

次の点を確認してください。debug_infoと:line_numbersを無効にして出力を削除する – Alvin

関連する問題