TIL | SCSS @while

2206 ワード

scss テキストリンク

@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;
}

この問題について(TIL | SCSS @while), 我々は、より多くの情報をここで見つけました https://velog.io/@junzerokim/TIL-SCSS-while

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol