LESS Mixin для Long text-shadow

[Heidel]

LESS Mixin для Long text-shadow

http://stackoverflow.com/questions/23738798/converting-long-shadow-sass-mixin-to-less/

Код и использование
http://codepen.io/seven-phases-max/pen/Bkdgp

/* Long text shadow */
/* ............................................................*/
/* .for */

.for(@i, @n) {.-each(@i)}
.for(@n)     when (isnumber(@n)) {.for(1, @n)}
.for(@i, @n) when not (@i = @n)  {
    .for((@i + (@n - @i) / abs(@n - @i)), @n);
}

/* ............................................................ */
/* .for-each */

.for(@array)   when (default()) {.for-impl_(length(@array))}
.for-impl_(@i) when (@i > 1)    {.for-impl_((@i - 1))}
.for-impl_(@i)                  {.-each(extract(@array, @i))}


.long-shadow(@type, @color, @length, @fadecolor: @color, @scew: false, @direction: right) {
    .-() {
        @dir:  1px;
        @offset: 0;
        @s: .5px * @i;
    }
    .-() when (@direction = left) {@dir: -1px}
    .-() when (@type = box)       {@offset: 1}
    .-() when (@scew = false)     {@s: ;}
    .-() when (@type = text)      {@s: ;}

    .for(0, @length - 1); .-each(@i) {
        .-();
        @x: -@dir * (@i + @offset);
        @y: 1px  * (@i + @offset);
        @a: 1 - @i / @length;
        @c: mix(@color, @fadecolor, 100% * sqrt(@a));
        @{type}-shadow+: @x @y 0 @s @c;
    }
}


.shape-1 {
    .long-shadow(text, darken(@green, 7%), 200); 
}

.shape-2 {
    .long-shadow(text, darken(@blue, 7%), 200); 
}

@темы: Верстка, LESS, CSS, Mixin, Ссылки