SASS-不能包含来自内部指令的精灵 我使用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); } }

SASS-不能包含来自内部指令的精灵 我使用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); } },sass,compass-sass,zurb-foundation,Sass,Compass Sass,Zurb Foundation,它不起作用了。如果我在媒体查询指令之外调用.fb,它就会工作 我知道不能在指令中扩展全局样式,但这是导入并包含精灵,这在移动和桌面样式中是必需的,这就是为什么我导入顶部的精灵,并相应地在媒体查询内部或外部使用它们 有什么办法可以做到这一点吗?我只是把它改成: @media only screen and (min-width: 48em) { .fb { background-image: inline-sprite($icons-sprites) @include ic

它不起作用了。如果我在媒体查询指令之外调用.fb,它就会工作

我知道不能在指令中扩展全局样式,但这是导入并包含精灵,这在移动和桌面样式中是必需的,这就是为什么我导入顶部的精灵,并相应地在媒体查询内部或外部使用它们


有什么办法可以做到这一点吗?

我只是把它改成:

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

我觉得你的代码结构非常有效。你能在GitHub上共享你的项目吗?这样我们就可以克隆并测试它,并查看所有的文件、错误和其他东西?