☰
✕
Главная
© 2002 - 2025
Diary.ru
LESS Mixin для Long text-shadow
netcat-na-diary
| вторник, 20 мая 2014
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: 1 @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); }
Ссылки
Верстка
CSS
LESS
Mixin
Смотрите также
Пожалуйста, пожалуйста, пожалуйста!
"Саван" (The Shrouds) Канада, Франция, 2024
Снова Мандела
Поверь в себя)
Happy Imagination 2020
Утречка! 🤣🤣