bhardin edited this page Jul 2, 2011 · 14 revisions
Clone this wiki locally

Using Fancy Buttons?

Add your site to the Sites List

Simple usage

@import "fancy-buttons";

button { @include fancy-button(#2966a8); }

/* Styles all buttons with:
1. A shiny gradient based on #2966a8 (a nice blue)
2. Gradient style variations for :hover, :focus, and :active
3. White text with a darker blue text shadow
4. A dark blue border.

Generic Styling Helper

fancy-buttons ( color, font-size, border-radius, border-size )

Screencast | Live demo