• Stars
    star
    819
  • Rank 55,659 (Top 2 %)
  • Language
    Ruby
  • Created about 15 years ago
  • Updated over 12 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Fancy CSS Buttons using Compass

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

More Repositories

1

octopress

Octopress is an obsessively designed framework for Jekyll blogging. It’s easy to configure and easy to deploy. Sweet huh?
Ruby
9,318
star
2

hsl-picker

A most excellent HSL color picker
JavaScript
381
star
3

color-hacker

A Compass plugin which uses Sass color functions to hack color relationships.
Ruby
64
star
4

guard-jekyll-plus

A Guard plugin for smarter Jekyll builds
Ruby
63
star
5

jekyll-liquid-plus

Super powered Liquid tags for smarter Jekyll templating.
Ruby
53
star
6

wp-life

Ultra minimal WordPress theme using layouts and partials, Compass and Sass, rsync for deployment, and HTML5 video with flash backup.
JavaScript
39
star
7

jekyll-markdown-block

Embed markdown anywhere in Jekyll.
Ruby
31
star
8

design-enthusiast

The source code to generate and deploy brandonmathis.com
Ruby
27
star
9

esvg

A tool for embedding svg icons in Rails or stand-alone apps.
Ruby
16
star
10

adn-timeline

A javascript timeline fetcher for App.net
JavaScript
16
star
11

staticmatic-starter

This is how I start a new project with StaticMatic (includes Compass and fancy-buttons)
Ruby
11
star
12

fancy-avatars

Fancy avatars intended for use in applications as the default avatar. Gender specific avatars are included
7
star
13

jekyll-stitch-plus

A Jekyll plugin for compiling javascripts with Stitch Plus
Ruby
6
star
14

clubset

ClubSet is a simple card game inspired by the classic pattern matching game "Set."
JavaScript
4
star
15

nice-buttons

A Compass extension for Nice and easy CSS3 buttons.
Ruby
4
star
16

stitch-plus

A nicer way to combine and uglify javascript with fingerprinting and modularization. Powered by Stitch.
Ruby
3
star
17

hoodis

A simple personality test powered by Backbone.js and coffeescript.
JavaScript
3
star
18

TextMate-imathis-theme

A dark theme for TextMate that does a nice job with Haml and Scss highlighting.
2
star
19

desoto-photoapp

A system for automating the photo system at DeSoto Caverns
Ruby
2
star
20

imathis.github.com

A clone of http://brandonmathis.com for testing octopress with GitHub pages.
2
star
21

wordrush

A game in rails
Ruby
1
star
22

forestry-demo

HTML
1
star
23

guard-stitch-plus

A Guard plugin for concatenating and modularizing javascript with Stitch-rb
Ruby
1
star