https://github.com/cmachu/lightsaber

With lightsaber, you can present your skills with easy way. Simple - it's skill bar based only on CSS.
https://github.com/cmachu/lightsaber

css css-animations css-framework css-modules css3 css3-animations lightsaber lightweight scss scss-framework scss-library scss-mixin scss-mixins scss-styles scss-template webdesign

Last synced: about 1 month ago
JSON representation

With lightsaber, you can present your skills with easy way. Simple - it's skill bar based only on CSS.

• Host: GitHub
• URL: https://github.com/cmachu/lightsaber
• Owner: cmachu
• Created: 2017-12-01T13:15:50.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-12-01T14:10:53.000Z (about 7 years ago)
• Last Synced: 2024-12-16T17:03:41.642Z (about 1 month ago)
• Topics: css, css-animations, css-framework, css-modules, css3, css3-animations, lightsaber, lightweight, scss, scss-framework, scss-library, scss-mixin, scss-mixins, scss-styles, scss-template, webdesign
• Language: CSS
• Size: 1.52 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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.

## How?

You need to add class `.lightsaber` to HTML element, and extend your skills from `0` to `100` using one of 100 classes. From `.lightsaber-0` to `.lightsaber-100`.

Example:

`
Midichlorian count 95%

`


## See me on action!

You can find me on Jedi training circle https://cmachu.github.io/lightsaber/

## How to get your own Lightsaber?

You can install me via bower: `bower install lightsaber --save`