css - 如何删除scss中的一些条件值？

Question

我在 scss 中有一个条件，但我想删除我的值，如何在 scss 中删除该值？我在下面放了一些代码，也放了图像

$color-sp: color-sp;
$width: 100%;

@for $i from 1 through 12 {
   @for $j from 12 through 1 {
      .#{$color-sp}-#{$i} {
          width: $j;
      }
  }
}

我放了一些链接来了解我的结果：

https://www.sassmeister.com/gist/3d049565b0be28429f7d3803baf1bcb1

标签： cssfor-loopif-statementsass

Answer 1

您可以使用 if 语句来实现

$color-sp: color-sp;
$width: 100%;
$max: 12;
$min: 1;
$j: $max;
@for $i from $min through $max {
    #{$color-sp}-#{$i} {
        width: $j;
    }
    $j : $j - 1;
}