github-badge

A 3d Github badge as Compass extension (original blog post)

Usage

Make sure, you’re using Sass and Compass.

gem install github-badge

config.rb

require "github-badge"

HTML:

<a id="github" href="https://github.com/hagenburger">
  <span>Fork me on GitHub!</span>
  <span>Get free lemonade!</span>
</a>

SCSS:

@import "compass";
@import "github-badge";

#github {
  @include github-badge;
}

Customization

@import "compass";
@import "github-badge";

#github {
  @include github-badge(
    $background: image-url("background.png"),
    $backside-backround: blue,
    $text-color: #00f,
    $backside-text-color: rgba(white, 0.5)
  );
}

Dependencies

• Sass 3.1 (3.0 is not supported)
• Compass 0.10 and 0.11

Licence

Released under the MIT License. See MIT-LICENSE for details.

© Nico Hagenburger 2011

Follow Nico on Twitter or Github.