SCSSで繰り返しランダム数値を設定する【css】

hoge

cssでランダム関数が使えないから、SCSSを使用する時用。

@for $i from 1 through 10{/* 10件 */
  #div li:nth-of-type(#{$i}){/* target element */
    width:(random(4) + 1)+s;/* 2-5 px */
    height:random(50)+px;/* 1-50 px */
  }
}