在SCSS for循环中获取不同的随机数

Question

我试图在SCSS中的for循环的每次迭代中生成一个随机数，但是它只是在DOM负载上为循环中所有目标元素返回相同的数字。我很确定我的语法是正确的，但显然不是！

前提：我正在建造一堵砖墙，并通过SCSS循环为每块砖块应用不同的砖纹理/图像。我试图为16个元素应用随机背景图像，可能有6个背景图像可供选择。我的SASS版本为3.4.14。

** scss -v Sass 3.4.14（选择性史蒂夫） **

＆＃13;

＆＃13;

@for $i from 1 through 6 {
  &.front:nth-child(#{$i}), &.back:nth-child(#{$i}) {
    $brick-bg: '../image/brick' + random(6) + '.jpg';
    background-image: url($brick-bg);
    background-size: 100% 100%;
  }
}

＆＃13;

＆＃13;

＆＃13;