Framework for CSS in Rails 3.1

Question

Which framework do you use in Rails 3.1?

I basically want to have a standard set of mixins like gradient and rounded corner etc, but maybe there are other advantages of certain frameworks that I am not aware of.

Can you please recommend a framework to use with Rails 3.1 to cover most of what I will need to simplify and standardize my stylesheet development

Answer 1

Bourbon - a set of Sass mixins using SCSS syntax, is a popular (500+ watchers) tool made by thoughtbot.

The purpose of Bourbon Sass Mixins is to provide a comprehensive library of sass mixins that are designed to be as vanilla as possible, meaning they should not deter from the original CSS syntax. The mixins contain vendor specific prefixes for all CSS3 properties for support amongst modern browsers. The prefixes also ensure graceful degradation for older browsers that support only CSS3 prefixed properties. Bourbon uses SCSS syntax.

It can help with use:

• Animation
• Background-image
• Border Radius
• Box Shadow
• Box Sizing and other

See the readme on the official page on github

Answer 2

I think that any current CSS framework can accomplish what you want.

Have you give LESS a look? I believe it meets all your criteria.

I haven't personally tried out compass, but it's been generating alot of buzz, so it is certainly worth a look.

Twitter also released Bootstrap which I've been trying out and I've been fairly impressed so far!

Answer 3

For me, a framework doesn't seem to be to be considered here. You can easaly do it yourself.

For my part, I use sass and I write a _macros.scss with all the appropriate mixins and default variables, and I put an @import "macros" at the beginning of each main scss files.