Create Custom "Github" Style Ribbons, Using Compass!

Create Custom “Github” Style Ribbons, Using Compass!

Remember those neat ribbons that Github made for their users a while back? I was reading a great article on how to make those on your own using CSS3 and thought they would make a perfect Compass plugin!

INSTALLATION

Compass provides an excellent plugin infrastructure, so getting these ribbons going in your compass project is easy:

First, install the gem, using Rubygems:

$ gem install css3-ribbons

Then, go into your compass project and execute this command:

compass install css3-ribbons -r css3-ribbons

USAGE

If you want to start using CSS3 Ribbons in your stylesheets, simply do the following:

@import "css3-ribbons"
+ribbon("#ribbon-selector")

NOTE: visit the project README to see what your markup should look like.

You can customize everything about the ribbon, which corner placement, what color, totally custom for your website! NO images necessary, 100% CSS3. Visit the project page below to learn about all the configuration options.

Check it out and let me know what you think!

Github Project: http://www.github.com/perezd/css3-ribbons

Perezium