#CSS gotcha: if you set a list of gradient stops on an element:
.a { --l: var(--c0), var(--c1) }
... and expect to be able to get *a different gradient* if you just modify --c0 & --c1 on its .b children... I have bad news.πΎ
You need to set:
.a, .b { --l: var(--c0), var(--c1) }
Live demo on @codepen
https://codepen.io/thebabydino/pen/rNEpbJK?editors=1100
Particularly annoying when that gradient is used on tens of various children. πΏ
#cssVariable #gotcha #cssGotcha #code #coding #fronten #web #webDev #dev #webDevelopment