Definition
The category is used to show a value using icons, i.e. the hotel category using stars.
Categories can go from half star up to full-five stars. Just make sure to add the values just like this:
c-rating .5
Handlebars
Razor
Open in new tabLoading...
c-rating 3
Handlebars
Razor
Open in new tabLoading...
c-rating 4.5
Handlebars
Razor
Open in new tabLoading...
c-rating 5
Handlebars
Razor
Open in new tabLoading...
Size modifiers
The size modifier changes the font size of the icons, increasing or decreasing it according to the font-size foundations.
Only the following sizes are allowed.
c-rating > c-rating--xs
Handlebars
Razor
Open in new tabLoading...
c-rating > c-rating--s
Handlebars
Razor
Open in new tabLoading...
c-rating > c-rating--l
Handlebars
Razor
Open in new tabLoading...
c-rating > c-rating--xl
Handlebars
Razor
Open in new tabLoading...
c-rating is-unresolved
The unresolved state is used when text is not yet ready, and needs to be resolved asynchronously.
Handlebars
Razor
Open in new tabLoading...