Sass函数调用多个调色板
我正在使用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
@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);
}
}
顺便说一句,我真的需要试试这个。我想我在文件里看到过,但一开始我很害怕。超级用户的东西。