Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fancy CSS Buttons using Compass
Ruby

This branch is 4 commits ahead, 9 commits behind master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
example refactored styles into a separate themes file, and other supporting i…
lib updated themes
.gitignore updated gem generation to no longer use jewler
.rvmrc updated gem generation to no longer use jewler
CHANGELOG.markdown
Gemfile refactored styles into a separate themes file, and other supporting i…
Gemfile.lock
Guardfile
README.markdown removed `sudo` from the install instructions on the readme
Rakefile updated gem generation to no longer use jewler
VERSION.yml new gradient functions and mixins for 2.0
fancy-buttons.gemspec new gradient functions and mixins for 2.0

README.markdown

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
Something went wrong with that request. Please try again.