Директива @while
Директива @while
принимает выражение SassScript и циклично выводит вложенные в неё стили, пока выражение
вычисляется как true. Она может быть использована для создания более сложных циклов, чем тех, для которых
подходит @for
, хотя она бывает необходима довольно редко. Например:
scss
$i: 6;
@while $i > 0 {
.item-#{$i} { width: 2em * $i; }
$i: $i - 2;
}
$i: 6
@while $i > 0
.item-#{$i}
width: 2em * $i
$i: $i - 2
css
.item-6 {
width: 12em;
}
.item-4 {
width: 8em;
}
.item-2 {
width: 4em;
}
Ваша
Поддержка
Поддержка