/css3-github-ribbon

A CSS3 Github Ribbon for your github-based projects

Primary LanguageCSSMIT LicenseMIT

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