반복문 - while

@while

@while은 조건이 false로 평가될 때까지 내용을 반복한다.
while 문과 유사하게 잘못된 조건으로 인해 컴파일 중 무한 루프에 빠질 수 있다.
코드 길이가 단축된다는 장점이 있지만, 제대로 사용하지 않는다면 권장하지 않는다.

@while 조건 {
  // 반복 내용
}

$i: 6;

@while $i > 0 {
  .item-#{$i} {
    width: 2px * $i;
  }
  $i: $i - 2;
}

.item-6 { width: 12px; }
.item-4 { width: 8px; }
.item-2 { width: 4px; }

주로 for 나 for-each를 사용하는걸 권장한다.