css - SCSS 在 map 中循环一个函数

Question

如果这是一个愚蠢的问题，我们深表歉意——但是在 SCSS 中是否可以从映射内的循环输出一堆函数？

以下代码不 起作用，但这是我想要做的。

$colorvars : (    
  red : #cc0000,
  blue : #1e8cea,
  green : #27a249,
  teal : #41bdbb,
  purple : #5c369e,
  yellow : #ecd340
)

$colors: (
  @each $key, $value in $colorsvars {
    $key : color-palette($value)
  }
)

color-palette($value) 是一个函数。

检查 https://codepen.io/umbriel/pen/LLvPPK?editors=1100如果需要，可以获取更多上下文。

谢谢!

Answer 1

不确定您到底想在那里实现什么，但如果您尝试分配颜色值，您可以使它更简单，然后就是现在。

$myColours: (
 first: #000000,
 second: #FF4400;
);
p { color: map-get($myColours, first); }

查看此链接以获取更多示例 -> https://codepen.io/jakealbaugh/post/using-sass-functions-to-access-complex-variable-maps