Dry CSS

[jeanfredrik]

I've pushed a new branch feature/dry-css. It's a major rewrite. I've removed a ton of stuff and added lots of new things. @hejhansson @danneh Check it out and see what you think. It's almost completely "dry" now, and I've reworked the file structure so there are "src" and "dist" directories.

No work on js yet though, and some more things to be done on the css. I'll keep you guys posted.

[hejhansson]

I gave it a quick look. I like it, especial the namning of classes. However, I was thinking about one thing—how does this compare, in functionality, to Tachyons and Basscss? I was thinking of this because the compiled CSS from Harpy is something like 220kb compared to Basscss's 3.4kb.

[jeanfredrik]

That's a good question. I have to look into it. Are they both minified and gzipped?

[hejhansson]

Harpy was minified, don't know if it was gzipped aswell. I think I ran the gulp task for the SASS. Don't remember excactly. Was a couple of days ago. 3.49 KB is from Basscss' website, I guess that's minified and gzipped.

[jeanfredrik]

Basscss is more minimalistic, and jxnblk has done some tricks to make it small. For example basscss doesn't have any classes that define color based on states like .hover-dark-blue, but instead uses one single box shadow to make buttons darker on hover.

It also has no max/min-width/height (except .fit), border colors, to name some things.

I'm trying to make a version of basscss from harpy right now, by setting the variables and reworking some of the scss files.