Because someone just hearted a 5 year old @codepen demo https://codepen.io/thebabydino/pen/GRooBJm?editors=0100 I made using a #Sass function + looping to generate a #CSS 🌈: we don't need *any* Sass for this anymore! 🎉

We can now do it with

background:
linear-gradient(in hsl longer hue 90deg,
hsl(0, 95%, 65%) 0 0)

#SCSS #loop #looping #newCSS #rainbow #cssGradient #coding #code #frontend #web #dev #webDev #webDevelopment #hueInterpolation

Coding a pure #CSS 🌈 spinner...

The 4th version* of a thing I first made over a decade ago https://codepen.io/thebabydino/pen/poGyEyg?editors=1100 - now with less code than ever!

*Limited to browsers that support animating CSS custom properties and hue interpolation methods. As of Oct '23, that's no Firefox.

The Pen description contains a list of changes over the years... the history of how CSS got better, I guess.

#CodePen #cssVariables #hueInterpolation #coding #frontend #webDev #webDevelopment #cssSpinner