Skip to content

Commit

Permalink
feat(color.palette-variant-create()): add function from `palette.crea…
Browse files Browse the repository at this point in the history
…te()` to create variant based on schema.
  • Loading branch information
sciborrudnicki committed Dec 19, 2023
1 parent 6a4c0f3 commit 4d5d2b7
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 0 deletions.
1 change: 1 addition & 0 deletions color/palette/variant/_index.scss
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
@forward 'variant.add.function';
@forward 'variant.create.function';
@forward 'variant.exists.function';
31 changes: 31 additions & 0 deletions color/palette/variant/_variant.create.function.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
// Sass.
@use 'sass:list';
@use 'sass:map';

// Modules.
@use '../../../variant';
@use '../../name';

// Status: DONE
// NOTE: consider adding bracketed adjust
// The `palette.variant-create()` function to create variant from list.
// @param `$palette`
// @param `$name`
// @returns
@function create($palette, $name: null) {
@each $palette-name, $colors in $palette {
$allow: if($name, false, true);
@if type-of($colors) == list or type-of($colors) == string {
@if name.index($palette-name, $name) {
$allow: true;
}
@if $allow {
$palette: map.set($palette, $palette-name, variant.create($colors, $type: color));
}
}
}
@return $palette;
}

// Examples.
// @debug create((accent: (accent color, (accent basic dark) 3% 0.5, accent light, accent dark), primary: (color, (basic dark) 3% 0.5, light, dark)), accent);

0 comments on commit 4d5d2b7

Please sign in to comment.