multiple nth-child selector with @extend inside only complies the first one

[hyunchulkwak]

example

%place-to-go {
  font-size: 1em;
}

.where-i-am {
  &:nth-child(1){
    @extend %place-to-go;
  }
  &:nth-child(2){
    @extend %place-to-go;
  }
  &:nth-child(3){
    @extend %place-to-go;
  }
}

expected

.where-i-am:nth-child(1),
.where-i-am:nth-child(2),
.where-i-am:nth-child(3) {
  font-size: 1em;
}

result

.where-i-am:nth-child(1) {
  font-size: 1em;
}

[xzyfer]

Spec added sass/sass-spec#609

[mgreter]

Bare bone spec would be:

%place-to-go {
  font-size: 1em;
}

:nth-child(1){
  @extend %place-to-go;
}
:nth-child(2){
  @extend %place-to-go;
}
:nth-child(3){
  @extend %place-to-go;
}

[mgreter]

Spec test I used to check my implementation:

%place-to-go {
  font-size: 1em;
}

a::foo(1){
  @extend %place-to-go;
}
a::foo(2){
  @extend %place-to-go;
}
b::foo(1){
  @extend %place-to-go;
}
b::foo(2){
  @extend %place-to-go;
}

:bar(1){
  @extend %place-to-go;
}
:bar(2){
  @extend %place-to-go;
}
:bar(3){
  @extend %place-to-go;
}

[foo]{
  @extend %place-to-go;
}
[bar]{
  @extend %place-to-go;
}
[baz]{
  @extend %place-to-go;
}

[bar="1"]{
  @extend %place-to-go;
}
[bar="2"]{
  @extend %place-to-go;
}
[bar="3"]{
  @extend %place-to-go;
}