1.2.2.4 #permalink Container stars space
The spacing between stars.
Examples
Default styling
.space-between
stars take all available space to position. Space is only between the stars.
.space-around
stars take all available space to position. Space is only around the stars.
Markup
<div class="star-container [modifier class]">
<div class="star icon filled positive large">
<i class="star-empty"></i>
<i class="star-half"></i>
<i class="star-filled"></i>
</div>
<div class="star icon half positive large">
<i class="star-empty"></i>
<i class="star-half"></i>
<i class="star-filled"></i>
</div>
<div class="star icon empty positive large">
<i class="star-empty"></i>
<i class="star-half"></i>
<i class="star-filled"></i>
</div>
</div>
Source:
src/kss-documentation/elements.kss.scss
, line 369