- Replace @import with @use and @forward - Only color function is used in _basic.scss for now - Change _all.scss to _index.scss - Modules use direct dependencies - Move @include from _config.scss to _common.scss, this was a long term mistake - Remove $color_list - Change basic_color()
18 lines
439 B
SCSS
18 lines
439 B
SCSS
@use "sass:map";
|
|
@use "sass:color";
|
|
|
|
@use "../global/config";
|
|
|
|
@function createColorMap($color, $percentage, $opacity) {
|
|
$map: (
|
|
base: $color,
|
|
light: color.scale($color, $lightness: $percentage),
|
|
dark: color.scale($color, $lightness: -$percentage),
|
|
trans: color.adjust($color, $alpha: -$opacity)
|
|
);
|
|
@return $map;
|
|
}
|
|
|
|
@function basic_color($key: 'alpha', $map: config.$color_palette) {
|
|
@return map.get($map, $key);
|
|
}
|