not support for #{} of sass

[hkz404]

@for $i from 1 to 7{
   .life#{$i}{
    z-index: 10 - $i;
    @include img-decoration-life(life#{$i});
    background-image:none;
   }
  }

output:

@for $i from 1 to 7 {
        .life# {
            $i
        }
        {
            z-index: 10 - $i;

            @include img-decoration-life(life# {
                $i
            }
            );
            background-image: none;
        }
    }

[cjke]

+1

[Demnogonis]

+1

The same happens in LESS

.hq-loop(@n, @i: 1) when (@i =< @n) {
    .col-hq-@{i}:extend(.col-hq-1) {}
    .col-hq-@{i} {
        width: (@i * 100% / @n);
    }
    .hq-loop(@n, (@i + 1));
}
.hq-loop(12);

is formatted to:

.hq-loop(@n, @i:1) when (@i =< @n) {
    .col-hq-@ {
        i
    }

    :extend(.col-hq-1) {
    }

    .col-hq-@ {
        i
    }

    {
        width: (@i * 100% / @n);
    }

    .hq-loop(@n, (@i + 1));
}

.hq-loop(12);

[elliottregan]

+1

[KiyoshiSaundo]

+1