postcss-easing-gradients icon indicating copy to clipboard operation
postcss-easing-gradients copied to clipboard

Change PostCSS to v8

Open arturparkhisenko opened this issue 4 years ago • 7 comments

  • Changed postcss dependency version to 8 :new:, plugin migration guide.
  • Changed Node.js version to 10. Note: PostCSS v8 dropped Node.js 6.x, 8.x, 11.x, and 13.x versions support.

Closes #12

arturparkhisenko avatar Oct 20 '20 03:10 arturparkhisenko

@larsenwork do you know who is a maintainer there who can review this PR?

arturparkhisenko avatar Nov 25 '20 02:11 arturparkhisenko

@larsenwork Any news on this?

jonnitto avatar Jun 21 '21 12:06 jonnitto

@larsenwork can you please review it?

And as a part of the Hacktoberfest OSS initiative, I wanted to ask you to add the label hacktoberfest-accepted if that PR will be accepted and merged.

arturparkhisenko avatar Oct 03 '21 13:10 arturparkhisenko

Last year I did open it when I hoped to resolve this dependency thing, but because of waiting, we ended writing our own function based on multiple sources. If it'll help anyone:

  • https://css-tricks.com/easing-linear-gradients/ from the author of this repo & plugin @larsenwork
  • https://github.com/w3c/csswg-drafts/issues/1332 a good draft
  • https://easings.net/

arturparkhisenko avatar Oct 24 '21 23:10 arturparkhisenko

@arturparkhisenko Would you be willing to share your solution?

thomasaull avatar Oct 25 '22 10:10 thomasaull

@thomasaull Hi, unfortunately, I cannot share it, the project is not open source, but what can help to create the solution:

  • https://css-tricks.com/easing-linear-gradients/#comment-1608608
  • https://codepen.io/jmkII/pen/pParwj?editors=0110

Those two code parts are a bit simpler to read than the plugin. In addition to the just easing function, we did write the ease-in-out-sine function for steps progress (so it's not hardcoded and the amount of steps is a variable) and implemented support for transparency. Last but not least if it's a JS function then chroma.js it's a library that might help a lot. We did write our own using SASS and relied on built-ins.

arturparkhisenko avatar Oct 25 '22 12:10 arturparkhisenko

@arturparkhisenko Glad to see some development on this!

Ambient-Impact avatar Nov 02 '22 19:11 Ambient-Impact