SASS группа родительский селектор

Question

У меня есть этот код:

.sibling-class {
    .some-class1 {...}
    .some-class2 {...}
    .some-class3 {...}
    ....
    .some-class1000 {...}
}

И мне нужно:

.sibling-class {
    &.some-class1 {...}
    &.some-class2 {...}
    &.some-class3 {...}
    ....
    &.some-class1000 {...}
}

Как я могу сделать это, не ставя & тысячу раз? Есть ли какой-нибудь групповой синтаксис для этого случая?

Answer 1

Вы можете использовать @ для петли:

.sibling-class {

  @for $i from 1 through 1000 {
    &.some-class#{$i} {
      …
    }
  }
}