Gradient has outdated direction syntax. New syntax is like `closest-side at 0 0` instead of `0 0, closest-side`

Question

I can't figure out what needs to be changed for this error to go away:

Gradient has outdated direction syntax. New syntax is like `closest-side at 0 0` instead of `0 0, closest-side`.

Here are some examples of the type of gradients in the code base:

background: linear-gradient(#f7f7f7, #eee)

background-image: linear-gradient(135deg, #8C8862 2.94%, $green-2 2.94%, $green-2 11.76%, #8C8862 11.76%, #8C8862 14.71%, $red-3 14.71%, $red-3 50%, #8C8862 50%, #8C8862 52.94%, $green-2 52.94%, $green-2 61.76%, #8C8862 61.76%, #8C8862 64.71%, $red-3 64.71%, $red-3 100%)

background: linear-gradient( to top, $white 0%, $grey-3 100% )

Anyone have any ideas why any of these would throw that error?

Answer 1

Try with background-image: radial-gradient(25% 25% at 0 0, circle, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 0%, 0.3))