cornford / tv-rating-icon-css
CSS icons for tv classification ratings
Installs: 551
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 2
Forks: 1
Open Issues: 0
Language:HTML
Type:component
This package is auto-updated.
Last update: 2024-11-07 06:47:13 UTC
README
CSS for TV classification ratings. See the demo.
Usage
For using the TV classification ratings inline with text add the classes tv-rating-icon
and
tv-rating-icon-xx
(where xx
is the code for the rating, i.e. 14) to an empty <span>
.
If you want to have a light version of the classification rating tv-rating-icon-light
,
and three different sizes tv-rating-icon-sm
, tv-rating-icon-md
, tv-rating-icon-lg
as well. Example:
<span class="tv-rating-icon tv-rating-icon-dark tv-rating-icon-14"></span>
<span class="tv-rating-icon tv-rating-icon-light tv-rating-icon-14"></span>
<span class="tv-rating-icon tv-rating-icon-light tv-rating-icon-md tv-rating-icon-14"></span>
<span class="tv-rating-icon tv-rating-icon-dark tv-rating-icon-lg tv-rating-icon-14"></span>
Development
Run the npm install
to install the dependencies after cloning the project and
you'll be able to:
To watch for changes and live reload if served
$ grunt
To build *.less
files
$ grunt build
To serve it on localhost:8000
$ grunt connect