Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stevenmhunt/badgerly
A CSS 3 library for rendering badges.
https://github.com/stevenmhunt/badgerly
Last synced: about 2 months ago
JSON representation
A CSS 3 library for rendering badges.
- Host: GitHub
- URL: https://github.com/stevenmhunt/badgerly
- Owner: stevenmhunt
- License: mit
- Created: 2016-08-24T14:57:20.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-09-07T17:34:26.000Z (over 8 years ago)
- Last Synced: 2024-11-10T11:53:27.851Z (about 2 months ago)
- Language: CSS
- Homepage:
- Size: 27.3 KB
- Stars: 85
- Watchers: 7
- Forks: 6
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Badgerly
```
> bower install badgerly --save
```---
- Integrates easily with [Font Awesome](http://fontawesome.io/)!
- Fully implemented in CSS 3, no spacer images or other hackery.
- Simple to use CSS classes which can be extended.
- Implemented in SCSS, also available in plain CSS for your convenience.## Check out the [Wall of Badges](https://jsfiddle.net/stevenmhunt/3krm64o1/)
## Integrations
- [angular-badgerly](https://github.com/stevenmhunt/angular-badgerly) - Adds directive support for Badgerly, making it even easier (somehow) to create badges!## Colors
Gold, Silver, Bronze## Sizes
Tiny, Small, Medium, Large, Huge## Ribbon Patterns
Red, Orange, Yellow, Green, Blue, Purple, Pink, Black, Rainbow, and a bunch of country flags!Supports either a single ribbon or a lanyard with two visible ribbons.
## Examples
### [Round silver metal with a single purple ribbon](https://jsfiddle.net/stevenmhunt/wqyrq8a0/)
```html
```### [Diamond gold metal with a red lanyard](https://jsfiddle.net/stevenmhunt/0739du3f/)
```html
```## Contributing
Contributions and pull requests are welcome! Here are instructions on how to build the project:
- Make changes in the **badgerly.scss** file.
- Then, run `npm install` followed by `gulp sass` to transpile the SCSS file into CSS.
- Push the your changes to your fork and submit a PR.## Credits
-