Skip to content
This repository

Fancy CSS Buttons using Compass

branch: edge

This branch is 4 commits ahead and 9 commits behind master

Fetching latest commit…


Cannot retrieve the latest commit at this time

Octocat-spinner-32 example
Octocat-spinner-32 lib
Octocat-spinner-32 .gitignore
Octocat-spinner-32 .rvmrc updated gem generation to no longer use jewler January 22, 2011
Octocat-spinner-32 CHANGELOG.markdown
Octocat-spinner-32 Gemfile
Octocat-spinner-32 Gemfile.lock
Octocat-spinner-32 Guardfile
Octocat-spinner-32 README.markdown
Octocat-spinner-32 Rakefile updated gem generation to no longer use jewler January 22, 2011
Octocat-spinner-32 VERSION.yml
Octocat-spinner-32 fancy-buttons.gemspec

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.