SASS - не может включать в себя спрайты из внутренних директив

Question

я использую SASS и Фонд 4.

С момента основания 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 вне директив медиа-запросов, он работает.

Я понимаю, что вы не можете распространять глобальные стили внутри директив, но это импорт и в том числе спрайты, которые понадобятся в мобильных и настольных стилях, поэтому я импортирую спрайты сверху и использую их соответственно внутри или вне медиа-запроса.

Так что я могу это сделать?

Answer 1

Я установил это, просто изменив его на что-то вроде:

@media only screen and (min-width: 48em) { 
    .fb { 
    background-image: inline-sprite($icons-sprites) 
    @include icons-sprites(facebook); 
    } 
}