@while
The @while
directive takes a SassScript expression and repeatedly outputs the nested styles until the statement evaluates to false
. This can be used to achieve more complex looping than the @for
statement is capable of, although this is rarely necessary. For example:
$i: 6;
@while $i > 0 {
.item-#{$i} { width: 2em * $i; }
$i: $i - 2;
}
is compiled to:
.item-6 {
width: 12em; }
.item-4 {
width: 8em; }
.item-2 {
width: 4em; }
Please login to continue.