JSFiddle - React, Tailwind, and code Playground

by Daniel Redwood

HTML

<div id="linkcat-8" class="widget widget_links isotope-item">
    <h4 class="widgettitle">+ 10 / top ten favs <span class="link-count">(<span class="link-count-number">0</span>)</span></h4>
	<ul class="xoxo blogroll">
        <li><a href="http://swisstypefaces.com">b+p swiss typefaces</a></li>
        <li><a href="http://www.colophon-foundry.org">Colophon Foundry</a></li>
        <li><a href="http://commercialtype.com">Commercial Type</a></li>
        <li><a href="http://www.grillitype.com">Grilli Type</a></li>
        <li><a href="http://klim.co.nz">Klim Type Foundry</a></li>
        <li><a href="http://www.milieugrotesque.com">MilieuGrotesque</a></li>
        <li><a href="http://www.optimo.ch">Optimo</a></li>
        <li><a href="http://www.radimpesko.com">RP –&nbsp;Digital Type Foundry</a></li>
        <li><a href="http://www.typotheque.com">Typotheque</a></li>
        <li><a href="http://vllg.com">Village</a></li>

	</ul>
</div>

CSS

body {
    font-family: helvetica neue, helvetica, sans-serif;
    font-weight: 500;
}
    ul {
        padding: 0;
        list-style: none;
    }
    a {
        color: inherit;
        text-decoration: none;
    }

/* specific */

li {
    font-size: 1em;
    -webkit-transition: font-size .3s cubic-bezier(0.17,0.67,0.32,0.94);
}
li:hover {
    font-size: 2em;
}