Styleguide 0.1.1

14 - Labels

Video
<span class="label">Video</span>

14.1 - Colors

Section Section
.yellow

Yellow

Section Section
.blue

Blue

Section Section
.purple

Purple

Section Section
.secondary

Secondary

Section Section
.black

Black

Section Section
.white

White

Section Section
<span class="label {$modifiers}">Section</span>
<span class="label outline {$modifiers}">Section</span>

14.2 - Icons

Video
<span class="label"><span class="icon-Video"></span>Video</span>

14.3 - List

  • Nyheter
  • Innenriks
  • SOS Rasisme
<ul class="labels">
  <li>Nyheter</li><li>Innenriks</li><li>SOS Rasisme</li>
</ul>

14.4 - Label-text

Innenriks SOS Rasisme avsløringen
<span class="label">Innenriks</span> <span class="label-text">SOS Rasisme avsløringen</span>

14.5 - Review Labels

Use these labels in review articles and article previews.

14.5.1 - Culture label

Plateanmeldelse Anmeldelse av Jamie XX - In Colour
<span class="label culture-review">Plateanmeldelse</span> <span class="label-text">Anmeldelse av Jamie XX - In Colour</span>

14.5.2 - Motor label

Biltest Test av Mercedes-Benz GLS
<span class="label car-review">Biltest</span> <span class="label-text">Test av Mercedes-Benz GLS</span>

14.5.3 - Wine label

Vinanmeldelse Test av Alleno & Chapoutier Côtes du Rhône
<span class="label wine-review">Vinanmeldelse</span> <span class="label-text">Test av Alleno &amp; Chapoutier Côtes du Rhône</span>

14.6 - Label-pluss

Du leser nå Dagbladet Pluss
<span class="label pluss-notice">Du leser nå <strong>Dagbladet Pluss</strong></span>