You laugh, but some fool's gonna download this thing and think it solves all his problems. Because now he can use the more cool-sounding "class=" instead of "style=" on the inline styles he's so proud of.

I'm missing a `display-none` css class, looks good otherwise!

Edit: Meant `js--on-hover-this-element-do-display-block-other-class`. Obviously, other class would be an element with `.other-class`

I think nearly 5MB for a prototype css file is orders of magnitude too large.

I'm glad you put the explanation at the end. I don't know much about css but as i was reading I was thinking "Why would you do this? I must be missing something."

I am by no means a CSS-guy, I only do it when necessary (i.e. when prototyping something) but this approach feels so wrong to me: It basically moves the styles from the "style" attribute to the "class" attribute.

How does this approach deal with themes? How can I redesign a page without editing all HTML?

Of course!