Arches: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_uc.css, line 16760

4.6 Stars

experimental

Star ratings should be build throughout arches in a more dynamic way but this is an easy level of adding stars.

.rating-5 - 5 stars .rating-4 - 4 stars .rating-3 - 3 stars .rating-2 - 2 stars .rating-1 - 1 stars

Example

Default styling

caution:
This item is not finalized and might be subject to change 
<ul class="ul_none flex flex_inline star-rating">
    <li class="flex_shrink"> <i class="fas fa-star"></i></li>
    <li class="flex_shrink"> <i class="fas fa-star"></i></li>
    <li class="flex_shrink"> <i class="fas fa-star"></i></li>
    <li class="flex_shrink"> <i class="fas fa-star"></i></li>
    <li class="flex_shrink"> <i class="fas fa-star"></i></li>
</ul>
Copy Code