lab

← Tilbake

Kodesnutter til fronten

Stort og smått til nationen.no-fronten

Breaking-bånd

Denne kodesnutten kan du lime inn hvor som helst i en fullbredde-kolonne. Pass på at tittelen ikke er mer enn 18-19 tegn, slik at den holder seg på én linje på de smaleste skjermene.

<style>.lab-fr-breaking__head{display:flex;justify-content:space-between;padding:7px 15px;background:#000;margin-bottom:15px;font-size:18px}.lab-fr-breaking__a,.lab-fr-breaking__a:hover{color:#fff;text-decoration:none}.lab-fr-breaking__blink{display:inline-block;width:13px;height:13px;margin-right:8px;background:#d1002d;clip-path:circle();animation:blink 2.5s infinite}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}.lab-fr-breaking__title{text-transform:uppercase;letter-spacing:.5px;font-family:adelle_sansbold}.lab-fr-breaking__arrow{font-size:22px;line-height:1}</style>

<div class="lab-fr-breaking">
    <a class="lab-fr-breaking__a" href="https://www.nationen.no/om/Ukraina/">
        <div class="lab-fr-breaking__head">
            <div class="lab-fr-breaking__title">
                <div class="lab-fr-breaking__blink"></div>
                Angrepet på Ukraina
            </div>
            <div class="lab-fr-breaking__arrow">
                &rarr;
            </div>
        </div>
    </a>
</div>