<article>
<i class="gg-add"></i>
<i class="gg-battery"></i>
<i class="gg-girl"></i>
<i class="gg-indie-hackers"></i>
</article>
article{
width:50%;
margin:auto;
margin-top:5em;
}
i{margin-bottom:8px;}
.gg-indie-hackers{
--ggs: 2;
color:red;
}
.gg-girl{
color:green;
}
.gg-battery:hover{color:blue;}
This Pen doesn't use any external JavaScript resources.