Css Star Rating

1.2.1.5 #permalink The the direction of the star icon.

Toggle example guides Toggle HTML markup

.direction-rtl - displays star icon in right to left direction. .direction-ltr - displays star icon in left to right direction.

sg-wrapper:

Example
Markup
<div class="star half ">
  <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>
  <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>
  <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>
</div>
Source: src/kss-documentation/elements.kss.scss, line 266