https://github.com/imathis/fancy-buttons

Fancy CSS Buttons using Compass
https://github.com/imathis/fancy-buttons

Last synced: about 2 months ago
JSON representation

Fancy CSS Buttons using Compass

• Host: GitHub
• URL: https://github.com/imathis/fancy-buttons
• Owner: imathis
• Created: 2009-09-19T03:40:21.000Z (about 15 years ago)
• Default Branch: master
• Last Pushed: 2012-03-13T23:27:24.000Z (over 12 years ago)
• Last Synced: 2024-07-07T08:46:50.298Z (3 months ago)
• Language: Ruby
• Homepage: http://brandonmathis.com/projects/fancy-buttons/
• Size: 2.05 MB
• Stars: 818
• Watchers: 15
• Forks: 55
• Open Issues: 10
• Metadata Files:
  • Readme: README.markdown
  • Changelog: CHANGELOG.markdown

Awesome Lists containing this project

README

        
## Using fancy buttons on your site?

Add a link to the [wiki](http://wiki.github.com/imathis/fancy-buttons)

## Demo

![screenshot](http://s3.imathis.com/dev/compass/fancy-buttons/demo.png)

Without CSS gradient support:  

![screenshot](http://s3.imathis.com/dev/compass/fancy-buttons/demo-no-gradients.png)

## 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