TIL | SCSS @while


@whileは、条件がfalseと評価されるまで内容を繰り返す.
文と同様に、エラーの条件はコンパイル時に無限ループに陥ります.
使用は推奨されません.
@while 조건 {
  // 반복 내용
}
SCSS
$i: 6;

@while $i > 0 {
  .item-#{$i} {
    width: 2px * $i;
  }
  $i: $i - 2;
}
⬇️
CSS
.item-6 {
  width: 12px;
}

.item-7 {
  iwdth: 8px;
}

.item-8 {
  width: 4px;
}