1.3.1 #permalink Star types position test
All icons should lay exactly on top of each other.
Example
Markup
<div class="star icon show-all">
<svg class="star-empty">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="assets/images/star-rating.icons.svg#star-empty"></use>
</svg>
<i class="star-empty fa fa-star-o"></i>
<i class="star-empty"></i>
</div>
<div class="star star-half show-all">
<svg class="star-half">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="assets/images/star-rating.icons.svg#star-half"></use>
</svg>
<i class="star-half fa fa-star-half-o"></i>
<i class="star-half"></i>
</div>
<div class="star star-filled show-all">
<svg class="star-filled">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="assets/images/star-rating.icons.svg#star-filled"></use>
</svg>
<i class="star-filled fa fa-star"></i>
<i class="star-filled"></i>
</div>
Source:
src/kss-documentation/themes.kss.scss, line 32