1.3 #Badge.languages Badge for Languages
.sf-badge.-{add, -add-variation, -edit-variation}
5 White badge with border and hover
5 White badge with border
EN Light blue background background color
EN Light blue background background color and hover
BG Dark blue background background color
BG Dark blue background background color and hover
Bulgaria on three seas Badge with floating text
5 White badge with border
EN Light blue background background color
EN Light blue background background color and hover
BG Dark blue background background color
BG Dark blue background background color and hover
Bulgaria on three seas Badge with floating text
Html
<i class="sf-badge -add">5</i> White badge with border and hover <br />
<i class="sf-badge -add -hover">5</i> White badge with border <br /><br />
<i class="sf-badge -add-variation -sf-txt-small">EN</i> Light blue background background color <br />
<i class="sf-badge -add-variation -hover -sf-txt-small">EN</i> Light blue background background color and hover <br /><br />
<i class="sf-badge -edit-variation -sf-txt-small">BG</i> Dark blue background background color <br />
<i class="sf-badge -edit-variation -hover -sf-txt-small">BG</i> Dark blue background background color and hover <br /><br />
<i class="sf-badge -add-variation -floating-txt -sf-txt-small"><span class="sf-badge__animated-content">Bulgaria on three seas</span></i> Badge with floating text