Sass - @for Directive


Advertisements

Description

The @for directive allows you to generate styles in a loop. The counter variable is used to set the output for each iteration.

The @for directive are of two types as shown in the table given below −

S. No. Keywords & Description
1 through

The @for uses the keyword through specifies the range including both the values of <start> and <end>.

2 to

The @for uses to keyword specifies the range from <start> value to the value before <end> value.

sass_control_directives_expressions.htm
Advertisements