JSFiddle - React, Tailwind, and code Playground

by dledle2

HTML

<i class="section__icon icon--check-o -sm fs-6 spacing-alt-bottom--half i-b secondary" role="img"></i>

CSS

.section__icon.-sm {
    width: 50px;
    height: 50px;
}

.section__icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    opacity: 0;
    animation: popIn 600ms ease-out 150ms;
    animation-fill-mode: forwards;
}


[class^="icon--"], [class*=" icon--"] {
    font-family: 'FifthThirdWebApp';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}