@import 'axis/animation' loads about 50 billion characters about axis

[corysimmons]

50 billion was exaggerating. The simple act of @import 'axis/animation pulls in 245,000 characters...

Definitely like the idea of animation but I'm going to have to rework this.

[jescalan]

Yep, again gzip takes it down to a very small size because a lot of them are repeated. But if you want to separate out animations that would be fine. The only issue in here is that the @keyframes does expand to all browser prefixes, but does not expose any variable that indicates "current prefix" so all declarations have all properties prefixed for all browsers. We opened an issue in stylus for this a while ago but it hasn't been closed out yet to my knowledge

[corysimmons]

Think I ran into this with media queries and was able to fix it with unquote.

I really need to get hip to this gzip thing and see how profitable it'd be to grab h5bp's .htaccess for Jeet

[corysimmons]

Yeah I don't see a downside in it. I'll probably port the animation stuff to it's own repo just to try to keep doing the modular thing with everything.

[jescalan]

Yeah I'm cool with moving animation to its own project if you want. I never use those anyway, usually write custom ones.

[corysimmons]

Might actually jump on an Effeckt.css port to Stylus instead.

[jescalan]

I like that idea a lot. If you could port it, would be happy to include it with axis instead of what we have now

[corysimmons]

Effeckt is so damn ugly. Seriously, the more I look at it the more I'm baffled people like Paul Irish and Chris Coyier worked so hard on it.

Might just make my own animation mixin library.

[jescalan]

Hahah ugly design on the alpha demo page doesn't mean that the actual animations are bad. Just re-skin the demo page if you want it to look nicer.

[corysimmons]

haha, no not the demo page XD

I meant the code and the insane amount of classes and data- attributes it's using.

Seems like with preprocessors we could turn a lot of that crap into more flexible mixins.

[jescalan]

Ah yeah you're right, why are they not mixins? Seems weird that they wouldn't default to this. Maybe fork it and convert them into mixins?

[corysimmons]

So far as I can tell, the only difference in the official SCSS port is that they're nesting classes... https://github.com/h5bp/Effeckt.css/tree/gh-pages/scss

[jescalan]

Yeah this is no good. The concept is great, but banking on classes is not. That's what we have preprocessors for...