SASS - 不能包含指令内部的精灵

Question

我正在使用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，它就可以工作。

据我所知，你不能在指令中扩展全局样式，但这是导入并包括sprite，这在移动和桌面样式中是必需的，这就是为什么我在顶部导入sprite，并在内部或相应地使用它们。在媒体查询之外。

所以我能做到这一点吗？

Answer 1

我通过将其更改为：

来修复此问题

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