Reviews Stars
HTML
<div class="stars">
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
</div>
CSS
.stars{margin:0 0 1rem;display:block;max-width:30rem}
.stars .star{display:inline-block;position:relative}
.stars .star:after{content:'\2605';display:block;color:#f1cd06;font-size:3rem;line-height: 1;}
SCSS
.stars {
margin: 0 0 1rem;
display: block;
max-width: 30rem;
.star {
display: inline-block;
position: relative;
&:after {
content: '\2605';
display: block;
color: #f1cd06;
font-size: 3rem;
line-height: 1;
}
}
}