3000+ reviews

Stylesheet

Hier staan alle stijl-elementen overzichtelijk bij elkaar

Typography
Headings, body en andere
gebruikelijke tekst elementen.
Display one

Heading one

Heading two

Heading three

Heading four

Heading five
Heading six
Label
Text Muted
Subheading
Small text

Body text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin placerat nisi vitae ex vestibulum interdum. Integer et augue id enim vestibulum ullamcorper

Larger text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

Colors
Een complete color swatch
voor alle kleuren die in alle
interface elementen terugkomen.
 
Primary 1
#3b517c
Primary hover
#325293
Gray
#333333
Dimgray
#696969
Dark Gray
#111112
Black
#000000
Light Grey
#f7f7f7
White
#ffffff
Success
#51d37e
Review star
#f9bb00
Warning
#e67a00
Danger
#fc4343
Spacing and border radius
Spacing, padding, margin
met alle selectors voor 
alle elementen.
Padding 1x
Padding 2x
Padding 3x
Space 1x
Space 2x
Space 3x
Space 4x
border-radius
Space Bottom 1x
Space Bottom 2x
Space Bottom 3x
Space Bottom 4x
Buttons
Knop stijlen en variaties in maat
gebruik .btn voor maat en gebruik
primary, outline en andere selectors.
Icons
Common interface
and social network iconography
 
icon-1x
icon-2x
icon-3x
icon-4x
Image mute
image-muted is grayscale. 
Normal image
.image-muted (gray scale 100%)
Shadow
Als een element moet opvallen
gebruik dan de .shadow class
.shadow
© Blauwe Nacht 2020 | Alle rechten voorbehouden
pictureusercartmap-markerlocationmagnifier linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram