SCSS在map中循环一个函数

时间:2017-07-17 09:16:10

标签: css sass

如果这是一个愚蠢的问题,请道歉 - 但是可以从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以获取更多背景信息。

谢谢!

1 个答案:

答案 0 :(得分:0)

不确定你究竟想要在那里实现什么,但是如果你想要分配颜色值,那么现在就可以让它更简单了。

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

点击此链接了解更多示例 - > https://codepen.io/jakealbaugh/post/using-sass-functions-to-access-complex-variable-maps