Как правильно записать scss перечисление классов?

Question

[Лариса]

.theme-name-1, .theme-lastname-1,
.theme-name-2, .theme-lastname-2,
.theme-name-3, .theme-lastname-3 {
....
}

Понимаю что нужен цикл, но не пойму как сделать перечисление в строку(

@mixin column-type($name, $number) { 
        @for $i from 1 through $number {
            .col-#{$name}-#{$i}  {
               color: red;
             }
        }
   }

Comments

[Сергей delphinpro]

@mixin column-type($name, $number) { 
  %col { color: red; }
        @for $i from 1 through $number {
            .col-#{$name}-#{$i}  {
               @extend %col;
             }
        }
   }

[Лариса]

Сергей: на выходе только часть кода получается, без lastname

.col-name-1, .col-name-2, .col-name-3 {
  color: red;
}

[Сергей delphinpro]

Лариса:

@mixin column-type($name, $number) { 
  %col { color: red; }
        @for $i from 1 through $number {
            .col-#{$name}-#{$i}, .col-last#{$name}-#{$i}  {
               @extend %col;
             }
        }
   }

Answer 1

[zooks]

blog.teamtreehouse.com/extending-placeholder-selec...