The W3C is wisely working onĀ CSS Cascading Variables. This is brilliant and definitely needed. I would use CSS variables for things like a DATA URIs of images so web traffic could be reduced.
Note: 1×1 Transparent DATA URI looks like this
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=)
That’s really not that much text but cut and paste that several times and your style sheets would become bloated. So when we get CSS variables maybe this will catch on and and web surfing will see a performance increase.