JSFiddle - React, Tailwind, and code Playground

by nate

HTML

<h1>Media<b>Forge</b></h1>

SCSS

@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,700);

@-webkit-keyframes glow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes foo {
    from { border:0 solid black; }
    to { border:20px solid black; }
}

h1 {
    color: #999;
    font: {
        family: Ubuntu, sans-serif;
        size: 92px;
        weight: 300;
    }
    letter-spacing: -0.05em;
    text-transform: lowercase;
    
    b {
        color: #f50;
        font: {
            size: 72px;
            weight: 700;
        }
        letter-spacing: 0;
        text-transform: uppercase;
        -webkit-animation: 5s foo infinite;
    }
}