0.31
No commit activity in last 3 years
No release in over 3 years
Fancy Buttons helps you easily style buttons with beautiful CSS3 features like gradients, rounded corners, etc. Don't worry the buttons also degrade nicely for browsers with no support. This requires the Compass stylesheet authoring framework.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Runtime

>= 0.11
 Project Readme

Using fancy buttons on your site?

Add a link to the wiki

Demo

screenshot

Without CSS gradient support:
screenshot

Install

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