JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<div class="nav">
    <a href="/">dr.dk</a>
    <ul>
        <li class="parent">
            <a href="/nyheder">Nyheder</a>
            <ul>
                <li class="current">
                    <a href="/nyheder/politik">Politik</a>
                    <ul>
                        <li><a href="/nyheder/politik/meningsmaalinger">Meningsmålinger</a></li>
                        <li><a href="/nyheder/politik/politiske-analyser">Analyser</a></li>
                        <li><a href="/nyheder/politik/find-politiker">Find politiker</a></li>
                        <li><a href="/nyheder/politik/taletid">Taletid</a></li>
                        <li><a href="/nyheder/politik/valg2015">Valg 2015</a></li>
                    </ul>
                </li>
                <li>
                    <a href="/sport">Sport</a>
                </li>
                <li>
                    <a href="/nyheder/viden">Viden</a>
                </li>
                <li>
                    <a href="/nyheder/kultur">Kultur</a>
                </li>
                <li>
                    <a href="/nyheder/debat">Debat</a>
                </li>
                <li>
                    <a href="/levnu">Lev nu</a>
                </li>
                <li>
                    <a href="/nyheder/regionale">Regionalt</a>
                </li>
                <li>
                    <a href="/nyheder/vejret">Vejret</a>
                </li>
                <li>
                    <a href="/nyheder/allenyheder">Alle nyheder</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/tv">TV</a>
        </li>
        <li>
            <a href="/radio">Radio</a>
        </li>
    </ul>
</div>

<div sty>
</div>
</div>

CSS

@font-face{font-family:"gibsonLight";src:url("https://www.dr.dk/assets/fonts/gibson/light/gibson-light-webfont.eot");src:url("https://www.dr.dk/assets/fonts/gibson/light/gibson-light-webfont.eot?#iefix") format("embedded-opentype"),url("https://www.dr.dk/assets/fonts/gibson/light/gibson-light-webfont.woff2") format("woff2"),url("https://www.dr.dk/assets/fonts/gibson/light/gibson-light-webfont.woff") format("woff"),url("https://www.dr.dk/assets/fonts/gibson/light/gibson-light-webfont.ttf") format("truetype"),url("https://www.dr.dk/assets/fonts/gibson/light/gibson-light-webfont.svg") format("svg");font-weight:normal}@font-face{font-family:"gibsonRegular";src:url("https://www.dr.dk/assets/fonts/gibson/regular/gibson-regular-webfont.eot");src:url("https://www.dr.dk/assets/fonts/gibson/regular/gibson-regular-webfont.eot?#iefix") format("embedded-opentype"),url("https://www.dr.dk/assets/fonts/gibson/regular/gibson-regular-webfont.woff2") format("woff2"),url("https://www.dr.dk/assets/fonts/gibson/regular/gibson-regular-webfont.woff") format("woff"),url("https://www.dr.dk/assets/fonts/gibson/regular/gibson-regular-webfont.ttf") format("truetype"),url("https://www.dr.dk/assets/fonts/gibson/regular/gibson-regular-webfont.svg") format("svg");font-weight:normal}@font-face{font-family:"gibsonSemiBold";src:url("https://www.dr.dk/assets/fonts/gibson/semiBold/gibson-semiBold-webfont.eot");src:url("https://www.dr.dk/assets/fonts/gibson/semiBold/gibson-semiBold-webfont.eot?#iefix") format("embedded-opentype"),url("https://www.dr.dk/assets/fonts/gibson/semiBold/gibson-semiBold-webfont.woff2") format("woff2"),url("https://www.dr.dk/assets/fonts/gibson/semiBold/gibson-semiBold-webfont.woff") format("woff"),url("https://www.dr.dk/assets/fonts/gibson/semiBold/gibson-semiBold-webfont.ttf") format("truetype"),url("https://www.dr.dk/assets/fonts/gibson/semiBold/gibson-semiBold-webfont.svg")...