Ratings

Star Ratings

<div class="adb-rating">
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
</div>

<div class="adb-rating">
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
</div>

Caption

4/5 based on 3 reviews 
<div class="adb-rating">
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
  <i class="adb-rating--icon adb-rating--icon__unrated"></i>
</div>
<div class="adb-caption">
  4/5 based on 3 reviews
</div>

Sizes

<div class="adb-rating">
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
</div>

<div class="adb-rating adb-rating__large">
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
  <i class="adb-rating--icon adb-rating--icon__positive"></i>
</div>