Sass селектор в качестве параметра в Mixin

Question

Im пытается создать Sass подмешать, где селектор может быть передан в противном случае по умолчанию в «IMG» тег, был в надежде что-то подобное будет работать

@mixin image-move($image: "img"){ 
    ##{$image}{transition:all .2s ease;} 
    &:hover ##{$image}{margin-top:-5px;} 
} 

#header{ 
    @include image-move("img.main"); 
} 

но только молча неудачу не производит каких-либо CSS

Answer 1

Вам нужно вставить @include внутри селектора (и интерполяция требует одного # символов)

@mixin image-move($image: "img"){ 
    #{$image}{transition:all .2s ease;} 
    &:hover #{$image}{margin-top:-5px;} 
} 

div { 
    @include image-move("img.main"); 
}