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

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 参数中删除 (...) 它会完美运行。这可能是个问题