Table of contents for SASS Gridification
- SASS Gridification - Part 1
- SASS Gridification - Part 2: Blueprint
- SASS Blueprint Grid on Github
I started a github project for those of you following the SASS Blueprint Grid.
Thursday, June 5, 2008
BlogMarks
Furl
Newsvine
Rojo
Email This to a Friend
If you like this then please subscribe to the Saturday, May 24, 2008
Just reading about HAML 2.0. Man. I wish I wasn’t packing up for a move. I wanna play with it! Suffice it to say, I’m more of a SASS junkie than a HAML fiend, and the new SASS 2.0 features alone are enough to make me salivate.
Mix-ins is by far my favorite new feature in SASS 2.0. Now you can write chunks of reusable code:
=clearfix
display: inline-block
&:after
content: "."
height: 0
clear: both
visibility: hidden
* html &
height: 1px
… And place it within whatever rule you like
#sidebar +clearfix border: 1px solid black
Talk about leaner, meaner and more productive. Holy crap!
I’ll be rejiggering the SASS grid generator in SASS 2.0 in the next few weeks. I also have a new SASS project underway for when I have more time, SASS 2.0 will play an integral part in making it all work… without tipping my hand too much, it involves color schemes.
Tuesday, May 20, 2008
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: 188 times
description: An adaptation of Blueprint 0.7 Grid in SASS. Change any one of three constants to recalculate the grid.