SASS @extend с групповым символом

Question

Я имею несколько классов, как txt-lg, txt-md, txt-sm, txt-tn и я хочу @extend его

.sp-slides{ 
    @extend .txt-*; 
} 

Так * заменит на все lg, md, sm, tn для txt- класс.

Возможно ли каким-то образом использовать wild-card селектор и т. Д.?

Answer 1

№ Расширения не работают с подстановочными знаками или другими формами частичного совпадения, распространенными на других языках.

Продлить может матч на отдельных простых селекторов, которые составляют другой селектор:

%foo.foo-bar { 
    /* foo-bar */ 
} 

%foo.foo-boo { 
    /* foo-boo */ 
} 

%foo.foo-buzz { 
    /* foo-buzz */ 
} 

.my-selector { 
    @extend %foo; 
} 

Выход:

.foo-bar.my-selector { 
    /* foo-bar */ 
} 

.foo-boo.my-selector { 
    /* foo-boo */ 
} 

.foo-buzz.my-selector { 
    /* foo-buzz */ 
}