Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A CSS3 Github Ribbon for your github-based projects
branch: master
Failed to load latest commit information.
LICENSE.txt add license
README.md
css3-github-ribbon.css
css3-github-ribbon.styl
demo.html change filename
mixins.styl Update 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

Something went wrong with that request. Please try again.