Tag Archives: 960

push and pull for 960 and Compass

Posted on by
2

So ive been playing with Compass all weekend (and should sleep right now!). I started out trying to figure out the blueprint framework but had to give up. After a lot of work with 960, blueprint just seems weird. So i installed the 960 plugin for compass and started hacking. Though i found that it didnt have the push and pull feature. I hacked together a quick fix for my tiny project and this is what ive got:

Put this in your _base.sass file and you’ll have access to +grid-push and +grid-pull. The attribute is determine the push or pull value and add’s left: (columnwidth * attr) to your class, id or element

I have to say, im not 100% that this works as it should, but give it a go and let me know if im doing it wrong!

Stylesheet abstraction

Posted on by
2

Chris Eppstein hit me up on twitter telling me about his post on Stylesheet abstraction. Its a great read if you havnt read it already!

On that note i just wanted to agree on tools like Compass are awesome. Ive worked a bunch with LessCSS and also Compass in its early days but never got the hang around it. I was too annoyed with the compiling of css and the way of doing things never compelled me. I still believe that you can write awesome and readable css code without using tools like Compass and LessCSS. Though they make it easier for you, they also add another layer on something very simple. A quick change is never a quick change anymore.

Despite that i still find Compass very compelling and i will sure play with it on my next project! I specially love the utilities and the grid integration with 960.gs and Blueprint If you want to have a look at Compass you should watch the 1 hour long screencast Chris did. Super great stuff! Thanks Chris