css3-github-ribbon
css3-github-ribbon copied to clipboard
Published
20 hours ago •
dciccale
dciccale
A CSS3 Github Ribbon for your github-based projects
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
dciccale