Phoenix Reisen Styleguide
Examples
Default styling
obacht!
.badge--primary
"Primary"
obacht!
.badge--secondary
"Secondary" (weniger prominent als Primary)
obacht!
.badge--success
Erfolg | Hinweis
obacht!
.badge--info
Info | Hinweis
obacht!
.badge--warning
Warnung
obacht!
.badge--danger
krasse Warnung
obacht!
.badge--smaller
etwas kleiner
obacht!
.badge--shadow
mit Schatten
obacht!
.badge--uppercased
alles groß geschrieben
obacht!
.badge--superscripted
etwas hochgestellt (parent sollte overflow: visible sein)
obacht!
Markup
<div class="mt3">
    <span class="badge [modifier class]">obacht!</span>
</div>
Source: components/_badges.scss, line 1