Sass函数调用多个调色板

Sass函数调用多个调色板,sass,Sass,我正在使用sass调色板,我想知道如何使此函数适用于多个调色板 现在我可以用一个调色板来实现这个功能,如何让这个功能可以用于多个调色板 @function palette($palette, $shade: 'base') { @return map-get(map-get($color-palettes, $palette), $shade); } $primary-palette: ( grey: ( xx-light : lighten($grey, 43

我正在使用sass调色板,我想知道如何使此函数适用于多个调色板

现在我可以用一个调色板来实现这个功能,如何让这个功能可以用于多个调色板

@function palette($palette, $shade: 'base') {
  @return map-get(map-get($color-palettes, $palette), $shade);
}



$primary-palette: (
    grey: (
        xx-light : lighten($grey, 43%),
        x-light  : lighten($grey, 35%),
        light    : lighten($grey, 6%),
        base     : $grey,
        dark     : darken($grey, 8%),
        x-dark   : darken($grey, 16%)
    ),  
);
//将成为我的第二调色板

  $secondary-palette: (
            black: (
                light    : lighten($grey, 6%),
                base     : $grey,
                dark     : darken($grey, 8%),
                x-dark   : darken($grey, 16%)
            ),  
        );
应用于css中

body {
  background-color: palette(grey,dark);
}

有人能帮忙吗?谢谢

我以前从未做过类似的事情,但它看起来非常强大。我做了一些搜索和修改,只有一套主调色板

从职位:

$colors: (
  blue: (
    0: hsl(198, 74%, 49%),
    1: hsl(200, 72%, 61%),
    2: hsl(200, 71%, 73%),
    [...]
  ),
  red: (
    0: hsl(3, 72%, 62%),
    1: hsl(4, 85%, 66%),
    2: hsl(4, 84%, 78%),
    [...]
  )
)


@function get-color($color, $value: 0) {
    @return map-get(map-get($colors, $color), $value);
}


.button--blue{
  color: get-color(blue, 0);
  background: get-color(blue, 4);
  &:hover{
    background: get-color(blue, 3);
  }
}

顺便说一句,我真的需要试试这个。我想我在文件里看到过,但一开始我很害怕。超级用户的东西。