Update build system and support new rgb syntax

simonwep / pickr

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!

https://simonwep.github.io/pickr

MIT License

4.31k stars 285 forks source link

Update build system and support new rgb syntax #327

Closed simonwep closed 1 year ago

simonwep commented 1 year ago

Summary

Update build system and all dependencies to their latest version (still using webpack).
Change how color values are interpreted:
- It's no longer important to use hsva or rgba when providing an alpha value (see mdn).
- Support percentages for the r, g, b and alpha value of rgba.

Fixes #326

simonwep commented 1 year ago

@guivr you can check out this PR locally and use a package like serve to serve the root directory. You can try the values from your issue #326 to see if that's what you wanted :) If everything is alright, I'd merge this issue and release a new patch version.

guivr commented 1 year ago

Amazing @simonwep! Yes, RGB is working great.

Could you please also add support for this hsl(a): hsl(0 80% 50% / 25%) mdn for hsl

Thanks!

simonwep commented 1 year ago

Amazing @simonwep! Yes, RGB is working great.

Could you please also add support for this hsl(a): hsl(0 80% 50% / 25%) mdn for hsl

Thanks!

@guivr Done, didn't see that this was a thing now as well. Percentages are now supported for both the alpha value of hsv and hsl :)

guivr commented 1 year ago

Hi @simonwep! Thanks :)

Works well 🚀