It isn't a matter of the asset now; if anything, everyone has dumped them on us in spades. However, the other bit still stands: I want to rewrite all of the header CSS.

We use a lot of fixed positioning in there, which is one of the reasons why I can't just use one header image that scales between a number of resolutions. We have four different variations of our current header, all 150px tall, that are replaced during runtime using media queries at a set of various breakpoints. If it becomes any taller or shorter, then it screws up all of the fixed positioning stuff. Sure, I could do a Ctrl-H for "150px" and replace with a calc() or a vh something or other, but if I'm touching any of that header CSS again, then I want to give it the same sort of rewrite that I am doing with the flairs: a thorough reexamination of how it's laid out, a redesign so it doesn't look nearly as shitty as it does now, and a total rewrite so it's more space optimized and scalable to mobile resolutions.

My flair icon system, for example, is entirely new and allows me to specify arbitrary icon sizes from which it then figures out how large to scale the spritesheet. The end result is most flairs now scale seamlessly to at least 300% zoom (many others scale to 400%, and some scale close to 500%), and changing the scale of any given flair is a one-value change. Everything is abstracted to the point that I don't need to worry about stupid things like manually recomputing the exact pixel size of the sprites every time I want to see how something looks at 18px tall instead of 16px tall, or optimizing the CSS that comes from it as it's already optimized by design. Nephelai is my project to create various tools that simplify this even further. Why should I have to recompile a spritesheet if I could have a tool that's drag and drop and integrates into my workflow? Image management during development shouldn't be nearly as annoying as it is now. Why is previewing my changes so utterly ass backwards on the current Reddit system?