sass指南針魔術精靈活動狀態

Question

我正在使用指南針來生成我的圖標和他們的懸停狀態。活動狀態與懸停狀態相同，並且我想讓我的精靈地圖免於臃腫帶有重複圖標。有沒有辦法讓它將活動類添加到與懸停狀態相同的座標中？

@import 'sprites/*.png'; 
    @include all-sprites-sprites; 

產生：

.sprites-left { 
     background-position: 0 -16px; 
    } 
    .sprites-left:hover, .sprites-left.left_hover, .sprites-left.left-hover { 
     background-position: -18px -16px; 
    } 

我想補充

.sprites-left.active { 
     background-position: -18px -16px; 
    } 

Answer 1

這與我所能想到的解決方案非常接近。

@import 'sprites/*.png'; // sprites to include 
@include all-sprites-sprites; // creates all sprites 

// Manually extend each to add active states. 
.sprites-engaged.active{ @extend .sprites-engaged:hover; } 
.sprites-married.active{ @extend .sprites-married:hover; } 

Answer 2

你有沒有read the docs？ 「選擇器控制」部分包括：

@import 'sprites/*.png'; 

.sprites-left { 
    &:hover, &.active { @include sprites-sprite(name_for_hover) } 
    ... etc 
}