Как правильно написать @for в SASS для значения свойства?

Question

[Саша]

Здравствуйте.
Подскажите пожалуйста, как правильно написать @for для значения свойства?
Более простые писал, а с таким еще не сталкивался.
Есть мысли реализовать на миксине.

Как должен выглядеть перебор который не работает:

box-shadow:
	@for $i from 1 through 50{
		$basis:16 * $i;
		@if #{$i} == 50{
			($basis)px 0 0 currentColor
		}
		else{
			($basis)px 0 0 currentColor,
		}
	}
;

То каким должен быть результат:

box-shadow:
	-16px 0 0 currentColor,
	-32px 0 0 currentColor,
	-48px 0 0 currentColor,
	-64px 0 0 currentColor,
	-80px 0 0 currentColor
	...
;

Спасибо!

Answer 1

[Сергей delphinpro]

@mixin long-shadow() {
    $shadow: "16px 0 0 currentColor";
    @for $i from 2 through 50 {
        $basis: 16 * $i;
        $shadow: #{$shadow}, #{$basis}px 0 0 currentColor;
    }
    box-shadow: $shadow;
}

Comments

[Саша]

Сергей компилит без ошибок, но результата нет, css пуст.

[Сергей delphinpro]

Саша: Немного ошибся

[Сергей delphinpro]

исправил ответ

[Саша]

Сергей: работает, спасибо за помощь!