A CSS3 Github Ribbon for your github-based projects
CSS HTML
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE.txt
README.md
bower.json
css3-github-ribbon.css
css3-github-ribbon.styl
demo.html
mixins.styl

README.md

CSS3 Github Ribbon

Use this CSS3 Github Ribbon on your github-based projects, it's fully customizable!

Usage

Just link css3-github-ribbon.css on your html document and paste the github link on it:

<a href="https://github.com/dciccale/css3-github-ribbon" class="github-ribbon">
  Fork me on GitHub
</a>

Live demo

Options

You will need Stylus and Node.js to compile the modified .styl file

Background color

Change the $bgcolor variable to any valid CSS color.

$bgcolor papayaWheep

Text color

Change the $color variable to any valid CSS color.

$color #222

Position

Change the $position variable to one of these two values: 'top-right' (default) or 'top-left'.

$position 'top-right'

Known issues and fixes

  • Unintended horizontal scrolling can cut the edges of the ribbon

To fix this add the following code to the .styl file

body
  overflow-x none

License

See LICENSE.txt