SCSS将“hsl（$ hue，26,100）”更改为“白色”

Question

编写@for循环以生成一组不同背景颜色的类。 SASS代码：

@for $i from 0 through 15 {
    $classslug: writ;
    $hue: $i * 35 % 256;

    .#{$classslug}#{$i} {
        background: hsl($hue, 26, 100);
    }
}

预期结果：

.writ0 {
  background: hsl(0, 26, 100);
}

.writ1 {
  background: hsl(35, 26, 100);
}

.writ2 {
  background: hsl(70, 26, 100);
}

// etc.

编译的实际结果：

.writ0 {
  background: white;
}

.writ1 {
  background: white;
}

.writ2 {
  background: white;
}

// etc.

如何获得我期望的代码？由Visual Studio 2013中的Web Essentials v5（？）编译。

Answer 1

请勿将hsl()的亮度参数（第三个）设置为100。使用接近但小于100的某个值。