Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Ruby
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
lib
stylesheets
.gitignore
Gemfile
MIT-LICENSE
README.md
Rakefile
github-badge.gemspec

README.md

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.

Something went wrong with that request. Please try again.