Home

Compass

Compass is a CSS Meta-Framework that provides ports of the best of breed CSS frameworks to Sass and ready to use in your ruby-based web application or stand-alone via a simple command-line interface.

What the Community is Saying about Compass

“     Compass is exactly how I expect a CSS framework should work.
Code less, do more. Wickedly cool.”
— Lorin Tackett

“     [code written with compass] is amazingly beautiful! It is a complete pleasure to work around. I truly feel like it is the first big “whoa” I’ve had since I read Zeldman’s book years ago!”
— Margaret Shear

Want maintainable, semantic CSS? Compass will show you the way.

• Getting Started – Download, Install, and set up your first project in minutes.
• Supported Frameworks – Summary of each supported framework, ported version, status, etc.
  • Compass Core Documentation
  • Blueprint Documentation
• Best Practices – How to easily build a Semantic web page using Compass.
• Command Line Tool – Full documentation and usage examples for the compass comand-line utility.
• Application Server Integration – How to configure your application server to use Compass.
  • Ruby on Rails Integration
  • Merb Integration
  • Staticmatic Integration
• Scaffolds – Use others’ designs to save time. Designers: share your designs easily.

Bugs Reports, Discussions, Support

Send a note to the mailing list

If you are getting an error about undefined constants or mixins, it’s probably because you don’t have the latest version of haml. Read the Getting Started page for installation instructions.

Contribute

Have an idea for a feature?

Discuss it on the mailing list

Know CSS like the back of your hand?

Fork, modify, commit, push, request pull.

Have a favorite framework that’s not supported?

Read Adding Frameworks to Compass. Then fork, modify, commit, push, request pull.

Want to help support compass in other ruby frameworks?

Fork, modify, commit, push, request pull.

Can you code in Ruby?

Read the ToDo List. Then fork, modify, commit, push, request pull. Might want to check in with the mailing list first to make sure it’s not already being worked on.

Want to make sure we don’t break stuff?

So do we. If you have good ideas for how to QA a visual project where browser support is a major issue, We’re all ears. Hopefully we won’t screw up the frameworks during porting, but you never know.

Are you a Designer?

We’d love to get a cool logo for compass.

Want to help promote Compass?

Great! You can help document it here on this wiki, or go evangelize out on the ’net.

Want to give us money?

pfff. That’s lame. Your help is much more appreciated. Unless it’s a lot of money.