Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fancy CSS Buttons using Compass
Failed to load latest commit information.
lib Switched from deprecated compass/css3/gradient lib to new compass/css…
.gitignore More Gemfile best practices.
.rvmrc updated gem generation to no longer use jewler
CHANGELOG.markdown no longer alpha, now using Compass 0.11
Gemfile More Gemfile best practices.
README.markdown Fixed formatting error in the readme
Rakefile updated gem generation to no longer use jewler
fancy-buttons.gemspec Fix date format.


Using fancy buttons on your site?

Add a link to the wiki



Without CSS gradient support:


Install the plugin: (should automatically install latest dependencies for Compass, and Haml)

gem install fancy-buttons

To create a new project based on fancy-buttons:

compass install -r fancy-buttons -f fancy-buttons

To add fancy-buttons to an existing compass project:

# Add the following lines to your compass configuration file:
require 'fancy-buttons'

# Then run the following command:
compass install -r fancy-buttons -f fancy-buttons

Project Goals:

  • Generate a color palette from the base color
  • Discern sensible palette variations based on a base color (dark, medium, light)
  • Allow button style types (subtle gradient, shiny gradient)
  • Make it easy to override/modify styles
  • Reduce weight of generated styles (define button base, add color through additional classes)
  • Create good defaults
  • Ensure approximate consistency for browsers that don't support CSS gradients
  • Style the button element
  • Provide a decent alternative styling for ie6
Something went wrong with that request. Please try again.