将精灵用于断点不能正确运行

Question

当我使用sprite进入at-breakpoint（$ desktop）（susy）时，generit精灵背景图片不会影响我的.logo类

SCSS :

@include at-breakpoint($desktop) {
  .logo{
     @include logos-sprite('my-set-m');
  }
}

CSS :

.logos-sprite { background: url('../images/spr/logos.png') no-repeat; }

但没有at-breakpoint（）就可以了（.logo与.logo-sprite合并）！ （我需要将精灵包括在brakpoint中）

SCSS :

//@include at-breakpoint($desktop) {
  .logo{
     @include logos-sprite('my-set-m');
  }
//}

CSS :

.logos-sprite, .logo { background: url('../images/spr/logos.png') no-repeat; }

任何解决方案？

Answer 1

那是因为魔法精灵使用媒体查询中不支持的@extend。您将不得不使用更精细调整的指南针精灵工具来创建自己的解决方法。