Less-curious Loop For Each Example

foreach-loop.less

.socials {
    @names: facebook, instagram, rss, twitter;
    .icon{
        width: 24px;
        height: 24px;
        display:block;
        overflow: hidden;
        text-indent: -9999px;
        background: url(../images/socials_icons_24x24.png) no-repeat 0 0 transparent;
        .for(1, length(@names)); .-each(@i) {
            @name: extract(@names, @i);
            &-@{name} {
                background-position: ((@i - 1) * -24px) 0;
            }
        }
    }
}

simple-loop.less

@count:100;
.loop (@index, @step) when (@index > -1) {
    .span@{index} {
        opacity: (@index / 100);
    }
    @tmp:(@index - @step);
    .loop(@tmp, @step);
}
.loop (@count, 25);