import - あるファイルcssにコンパススプライト画像をインポートし、別のファイルに@extendしますか?

Question

アイコンフォルダーがあり、コンパスを使用して画像をスプライトします。

@import "compass/utilities/sprites";
@import "icons/*.png";
@include all-icons-sprites(true);

これは /stylesheets/global/icons.css.scss ファイルにあります

ここで、/stylesheets/application/index.css.scss ファイルで次を使用する必要があります。

@extend .icons-foo;

application/index.css.scss の application/ の前に global/ フォルダーを含めます。

/*
*= require_tree ../global
*= require_tree .
*/

しかし、私はエラーがあります:

".bar" failed to @extend ".icons-foo". The selector ".icons-foo" was not found.

現時点での解決策は、この投稿で最初に書いた application/index.css.scss のブロックを繰り返すことです。

しかし、DOM要素のクラスに手動で「icons-foo」を入れると、クラスは一致して動作します...

同じ指示を繰り返してみませんか？一度スプライトをインポートして他のファイルで使用するにはどうすればよいですか?