JSFiddle - React, Tailwind, and code Playground

by Ilya Karpuk

HTML

<script src="http://iperkovec.bl.ee/lessons/socjs/soc.js"></script>
<link rel="stylesheet" href="http://iperkovec.bl.ee/lessons/socjs/soc.min.css">
<div style='background-color: #FFECDB'>
<h1>Стандартные параметры:</h1>
<div class="soc" data-size="40px" data-spacing='1px'>
    <a href="" class="soc-twitter"></a>
    <a href="" class="soc-facebook"></a>
    <a href="" class="soc-google"></a>
    <a href="" class="soc-pinterest"></a>
    <a href="" class="soc-foursquare"></a>
    <a href="" class="soc-yahoo"></a>
    <a href="" class="soc-skype"></a>
    <a href="" class="soc-yelp"></a>
    <a href="" class="soc-feedburner"></a>
    <a href="" class="soc-linkedin"></a>
    <a href="" class="soc-viadeo"></a>
    <a href="" class="soc-xing"></a>
    <a href="" class="soc-myspace"></a>
    <a href="" class="soc-soundcloud"></a>
    <a href="" class="soc-spotify"></a>
    <a href="" class="soc-grooveshark"></a>
    <a href="" class="soc-lastfm"></a>
    <a href="" class="soc-youtube"></a>
    <a href="" class="soc-vimeo"></a>
    <a href="" class="soc-dailymotion"></a>
    <a href="" class="soc-vine"></a>
    <a href="" class="soc-flickr"></a>
    <a href="" class="soc-500px"></a>
    <a href="" class="soc-instagram"></a>
    <a href="" class="soc-wordpress"></a>
    <a href="" class="soc-tumblr"></a>
    <a href="" class="soc-blogger"></a>
    <a href="" class="soc-technorati"></a>
    <a href="" class="soc-reddit"></a>
    <a href="" class="soc-dribbble"></a>
    <a href="" class="soc-stumbleupon"></a>
    <a href="" class="soc-digg"></a>
    <a href="" class="soc-envato"></a>
    <a href="" class="soc-behance"></a>
    <a href="" class="soc-delicious"></a>
    <a href="" class="soc-deviantart"></a>
    <a href="" class="soc-forrst"></a>
    <a href="" class="soc-play"></a>
    <a href="" class="soc-zerply"></a>
    <a href="" class="soc-wikipedia"></a>
    <a href="" class="soc-apple"></a>
    <a href="" class="soc-flattr"></a>
    <a href=""...