Your own Lightsaber
Lightsaber is a tiny, light and cute SCSS style sheet with classes and mixins.
With lightsaber, you can present your skills with easy way. Simple - it's skill bar based only on CSS.
You need to add class '.lightsaber' to HTML element, and extend your skills from '0' to '100' using one of 100 classes. You can use:
You can use: .lightsaber-0.lightsaber-1....lightsaber-99.lightsaber-100
Example: <div class="lightsaber lightsaber-95">Midichlorian count <b>95%</b></div>
You can use SCSS variables to create your own, personalized lightsaber: lightsaber-border lightsaber-color lightsaber-size lightsaber-speed lightsaber-line-height lightsaber-font-size
You can find me on Jedi training circle:
https://github.com/cmachu/lightsaber
Icons from http://symbolicons.com/