Написание SASS Mixin для 3D текста с глубиной
У меня есть следующий SASS Mixin в моем проекте
@mixin text_3d($color){
color: $color;
text-shadow: 0 3px 0 darken($color, 14%),
0 4px 0 darken($color, 15%),
0 5px 0 darken($color, 16%),
0 6px 0 darken($color, 17%),
3px 8px 15px rgba(0,0,0,0.1),
3px 8px 5px rgba(0,0,0,0.3);
}
Я хотел бы заменить несколькотекст-тень» линии в петле, но я могуне могу понять, как это сделать. В псевдокоде:
@mixin text_3d($color, $depth){
color: $color;
text-shadow:
@for $i from 0 through $depth {
0 ($i+3)px 0 darken($color, $i+14%),
}
3px 8px 15px rgba(0,0,0,0.1),
3px 8px 5px rgba(0,0,0,0.3);
}
Но я продолжаю получать ошибки, как будто я могуПоместите @for там.
(Line 143: Invalid CSS after " text-shadow:": expected expression (e.g. 1px, bold), was "@for $i from 0 ...")