Gradients generator Mixin

Question

Gradients generator Mixin

Closed this issue 7 years ago · 4 comments

Given a color we need to be able to generate a set of lighter or darker color variations using a mixin.
This mixin should maintain color hue and saturation and generate this variation modifying lightness value only.

Lets say UX provide a $primary color and a set of lighter and darker values as shown in the caption below. This mixin will must provide the automated variations so we'll be able to map them later in a list of Sass vars:

$c-primary-l1: color-variation($c-primary, step-l1)
$c-accent-l2: color-variation($c-accent, step-l2)

Answer 1 · 2017-04-26T10:35:28.000Z

I know nothing about this. but isn't hsla a good thing for this?

Answer 2 · 2017-04-26T12:25:13.000Z

Indeed, the reason why we need this mixin is because all color values that we have are stored in #HEX format as you can see here.

Answer 3 · 2017-10-13T10:20:40.000Z

@davecarter can this be closed?

Answer 4 · 2017-10-25T16:30:06.000Z

yes!
actually this feature was developed and merged here a while ago