SASS と Foundation 4 を使用しています。
Foundation 4 の性質はモバイル ファーストであるため、最初にモバイル スタイリングから始めます。したがって、次のようになります。
@import "icons/*.png";
@include all-icons-sprites;
// mobile styles
.some-el {
// some styles
}
@media only screen and (min-width: 48em) {
.fb {
@include icons-sprites(facebook);
}
}
動いていない。メディア クエリ ディレクティブの外で .fb を呼び出すと、機能します。
ディレクティブ内でグローバル スタイルを拡張できないことは理解していますが、これはモバイルおよびデスクトップのスタイリングで必要になるスプライトをインポートして含めることです。そのため、スプライトを上部にインポートし、それに応じてメディアの内外で使用しますクエリ。
それで、私はこれを行うことができますか?