scss 仁选择喜悦 - 社交媒体图标的随机背景位置

Posted 2021-05-18

 /* 5 is the number of list items and the number within $list */
$list: "0 0", "50px 0", "100px 0", "150px 0", "200px 0";

@for $i from 1 through 5 {
  li:nth-child(#{$i}) {
    $imgKey: random(5);
    $nth: nth($list, $imgKey);
    background-position: #{$nth};
  }
}