Table of contents for SASS Gridification
- SASS Gridification - Part 1
- SASS Gridification - Part 2: Blueprint
- SASS Blueprint Grid on Github
I have extended my initial SASS grid to work with the Blueprint grid library. Now I can leverage the Blueprint grid in a completely SASSy way.
Please refer to Blueprint CSS for instructions and tutorials on how to use the grid.
Feel free to download, use, distribute and modify my work as you like.
download: SASS Gridification: Blueprint (3.32KB)
added: 05/20/2008
downloaded: 157 times
description: An adaptation of Blueprint 0.7 Grid in SASS. Change any one of three constants to recalculate the grid.
BlogMarks
Furl
Newsvine
Rojo
Email This to a Friend
If you like this then please subscribe to the 
Lorin,
This is great and I’ve been planning to do the same thing for a couple weeks now. One of the things that I think we can leverage in Sass that didn’t exist in normal css is the Mixin concept so that the presentation classes like span-N can stay in Sass/CSS instead of bleeding into the markup.
I see you have an empty project on github, it would be awesome if you pushed the code so I could collaborate with you.
Comment by Chris Eppstein — June 4, 2008 @ 12:36 pm
Hi Chris, you must have caught the empty git repository right as I was posting to github. I’m interested to see what you do with the new SASS mixins. I haven’t had time to play with SASS 2.0 yet.
Comment by Lorin Tackett — June 5, 2008 @ 10:00 pm
If you’ve heard of http://960.gs/ (a lighter alternative to blueprint.css), I converted it to SASS as well:
http://github.com/elliottcable/960/
Comment by elliottcable — June 22, 2008 @ 5:09 pm
Elliot-
Interesting that you mention the 960 Grid System. I just started using that last week. Was thinking of SASSifying it as well, thanks for the contribution! I will probably be using 960 pretty significantly over the next month or so for a proprietary project.
Comment by Lorin Tackett — June 22, 2008 @ 7:07 pm