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

v2.1.0 2015-02-19 18:18 UTC

This package is auto-updated.

Last update: 2024-12-07 07:03:25 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