使用精靈成斷點無法正常運行

Question

當我使用精靈到在斷點（$桌面）（超對稱）的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-斷點（）沒關係（.logo與.logo-sprite合併）！ （我需要包括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，這在媒體查詢中不受支持。您將不得不使用更精細調整的指南針精靈工具來創建您自己的解決方法。