Great to hear that something good came out of this topic, Ben.
Sass/Compass is totally cool. Really addicting.
The generated css can be a bit bloated if you’re not careful, though.
We have another option, which IMO is better than Twitter Bootstrap:
Zurb Foundation
It’s more configurable, more responsive and IMO a lot better than Bootstrap.
And it has a Ruby gem if you want to use it with sass.
If you’re looking for the sass part of it on it’s repository at Github, you can’t find it.
Instead, just get the gem:
ruby -S gem install foundation-sass
And then create the project like this:
compass create project-name -r foundation-sass --using foundation-sass --force
You will get a directory with html, javascript, sass - everything you need to create a responsive web design.
I especially like the grid, but also their mobile visibility layout:
<strong class="show-on-desktops">You are on a desktop machine.</strong>
<strong class="show-on-tablets">You are on a tablet device.</strong>
<strong class="show-on-phones">You are on a smartphone like an iPhone or Android phone.</strong>
<strong class="hide-on-desktops">You are not on a desktop machine.</strong>
<strong class="hide-on-tablets">You are not on a tablet device.</strong>
<strong class="hide-on-phones">You are not on a smartphone like an iPhone or Android phone.</strong>
If you don’t want to use sass, just get it from their site or Github.