Test info message

Test error message

Styleguide

Colors

White
$base-color-white
#fff

Light grey
$base-color-light-grey
#f2f2f2

Pastel grey
$base-color-pastel-grey
#d9d9d9

Grey
$base-color-grey
#b3b3b3

Dark grey
$base-color-dark-grey
#737373

Old pink
$base-color-old-pink
#e49688

Old pink night
$base-color-old-pink-night
#db715e

Dark pink
$base-color-dark-pink
#2d2523

Dark pink night
$base-color-dark-pink-night
#110a06

Dusty grey
$base-color-dusty-grey
#333

Dark night
$base-color-dark-night
#101820

Dark black
$base-color-dark-black
#080808

Rose garden
$base-color-rose-garden
#b70a0a

Satin bed
$base-color-satin-bed
#fef1ef

Green apple
$base-color-green-apple
#009419

Mustard disaster
$base-color-mustard-disaster
#c59034


Typography

H1

The quick brown fox jumps over the lazy dog 0123456789

H2

The quick brown fox jumps over the lazy dog 0123456789

H3

The quick brown fox jumps over the lazy dog 0123456789

H4

The quick brown fox jumps over the lazy dog 0123456789

Text body

The quick brown fox jumps over the lazy dog 0123456789

Links

The quick brown fox jumps over the lazy dog 0123456789

Tiny text

The quick brown fox jumps over the lazy dog 0123456789


Forms

Buttons

.btn

.btn .btn-inverted

.btn .btn-dark

.btn .btn-dark .btn-round

.btn .btn-round

.btn .btn-link

Click Me!

.btn-with-label

Inputs

Simplest input
Oneline input
Inline input
Amount
Dropdowns

Bright areas

The quick brown fox jumps over the lazy dog 0123456789

The quick brown fox jumps over the lazy dog 0123456789

Link-button