Question

我有一个颜色列表，我需要从列表中获取第n个值。我尝试了以下代码来获取颜色值

$grad: #000000, #ffffff;
$first: nth($grad, 1);
$second: nth($grad, 2);

但它不起作用。我错过了什么吗？是否有任何内置函数支持从颜色列表中获取颜色（所有支持的格式，如hexa，rgb，rgba，hsl等...）？

Answer 1

我发现问题是由于mixin中的参数引起的。如果我设置了多值参数（$ list ...），它就不会从列表中获得第n个值。

@mixin list($list...){
  @if($list == none){
    .none{
      color: black;
    }
  }
  @else{
    $n: nth($list, 1);
    .color-#{$n}{
       color: $n;
    }
  }
}

$lis: red, blue;
@include list(none);
@include list($lis);

如果我从mixin参数中删除（...）它的工作完美。这可能是一个问题

如何从SASS中的颜色列表中获取第n个值？

1 个答案: