Skip to content

Commit

Permalink
fix(color/functions): remove values.map import and change `values.m…
Browse files Browse the repository at this point in the history
…ap` to `list.to-map().
  • Loading branch information
sciborrudnicki committed Aug 31, 2023
1 parent 8803e01 commit e8fe993
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 20 deletions.
1 change: 0 additions & 1 deletion color/functions/_color.hsla-color.function.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@

// Functions.
@use '../../map/map.get.function' as map;
@use '../../values/values.map.function' as values;
@use 'color.alpha-var.function' as *;
@use 'color.hue-var.function' as *;
@use 'color.lightness-var.function' as *;
Expand Down
35 changes: 16 additions & 19 deletions color/functions/_color.retrieve.function.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,3 @@
// Functions.
@use '../../values/values.map.function';

// Modules.
@use '../../list';

Expand All @@ -25,35 +22,35 @@
@if list.length($name) > 4 {
$attributes: list.insert-nth($attributes, 2, (saturation: number list, (saturation lightness alpha: number list): map));
}
@return values.map(
@return list.to-map(
$name,
(name: list string),
$attributes...
);
}

// Examples.
// @debug get(primary); // (name: primary)
// @debug get(primary dark); // (name: primary dark)
// @debug retrieve(primary); // (name: primary)
// @debug retrieve(primary dark); // (name: primary dark)

// comma separator
// length 1 lightness
// @debug get((primary dark, 50%)); // (name: primary dark, lightness: 50%)
// @debug retrieve((primary dark, 50%)); // (name: primary dark, lightness: 50%)

// length 2 lightness, alpha
// @debug get((primary dark, 50%, 0.5)); // (name: primary dark, lightness: 50%, alpha: 0.5)
// @debug retrieve((primary dark, 50%, 0.5)); // (name: primary dark, lightness: 50%, alpha: 0.5)

// length > 2
// @debug get((primary dark, 50deg, 5%, 3%)); // (name: primary dark, hue: 50deg, saturation: 5%, lightness: 3%)
// @debug get((primary dark, 50deg, 5%, 3%, 0.9)); // (name: primary dark, hue: 50deg, saturation: 5%, lightness: 3%, alpha: 0.9)
// @debug retrieve((primary dark, 50deg, 5%, 3%)); // (name: primary dark, hue: 50deg, saturation: 5%, lightness: 3%)
// @debug retrieve((primary dark, 50deg, 5%, 3%, 0.9)); // (name: primary dark, hue: 50deg, saturation: 5%, lightness: 3%, alpha: 0.9)

// without comma separator
// @debug get((primary dark) 50%); // (name: primary dark, lightness: 50%)
// @debug get((primary dark) 50% 0.5); // (name: primary dark, lightness: 50%, alpha: 0.5)
// @debug get((primary dark) 50deg 5% 3%); // (name: primary dark, hue: 50deg, saturation: 5%, lightness: 3%)
// @debug get((primary dark) 50deg 5% 3% 0.9); // (name: primary dark, hue: 50deg, saturation: 5%, lightness: 3%, alpha: 0.9)

// @debug get((primary dark) ('*' 50%)); // (name: primary dark, lightness: "*" 50%)
// @debug get((primary dark, ('*' 50%), ('/' 0.5))); // (name: primary dark, lightness: "*" 50%, alpha: "/" 0.5)
// @debug get((primary dark, ('*' 5deg), ('*' 2%), ('*' 15%))); // (name: primary dark, hue: "*" 5deg, saturation: "*" 2%, lightness: "*" 15%)
// @debug get((primary dark, ('*' 5deg), ('*' 2%), ('*' 15%), ('*' 0.5))); // (name: primary dark, hue: "*" 5deg, saturation: "*" 2%, lightness: "*" 15%, alpha: "*" 0.5)
// @debug retrieve((primary dark) 50%); // (name: primary dark, lightness: 50%)
// @debug retrieve((primary dark) 50% 0.5); // (name: primary dark, lightness: 50%, alpha: 0.5)
// @debug retrieve((primary dark) 50deg 5% 3%); // (name: primary dark, hue: 50deg, saturation: 5%, lightness: 3%)
// @debug retrieve((primary dark) 50deg 5% 3% 0.9); // (name: primary dark, hue: 50deg, saturation: 5%, lightness: 3%, alpha: 0.9)

// @debug retrieve((primary dark) ('*' 50%)); // (name: primary dark, lightness: "*" 50%)
// @debug retrieve((primary dark, ('*' 50%), ('/' 0.5))); // (name: primary dark, lightness: "*" 50%, alpha: "/" 0.5)
// @debug retrieve((primary dark, ('*' 5deg), ('*' 2%), ('*' 15%))); // (name: primary dark, hue: "*" 5deg, saturation: "*" 2%, lightness: "*" 15%)
// @debug retrieve((primary dark, ('*' 5deg), ('*' 2%), ('*' 15%), ('*' 0.5))); // (name: primary dark, hue: "*" 5deg, saturation: "*" 2%, lightness: "*" 15%, alpha: "*" 0.5)

0 comments on commit e8fe993

Please sign in to comment.