Lumea StyleGuide
containers
Container XLarge
Container Large
Container Medium
Container Small
Container XSmall
Container Tiny
Spacing
Padding
Padding Global
Padding Huge
Padding XLarge
Padding Large
Padding Medium
Padding Small
Padding XSmall
Padding 0
PAdding Top
Padding Bottom
PAdding Left
Padding Right
Padding Vertical
Padding Horizontal
Margin
Margin Huge
Margin XLarge
Margin Large
Margin Medium
Margin Small
Margin XSmall
Margin 0
Margin LEft
Margin Right
Margin Top
Margin Bottom
Margin Vertical
Margin Horizontal
Html Tags
H1
This is an h1 header
H2
This is an H2 header
H3
This is an h3 header
H4
This is an h4 header
H5
This is an h5 header
H6
This is an h6 header
Typography
Header Style H1
Header style h1
Header Style H2
Header Style H2
Header Style H3
Header Style H3
Header Style H4
Header Style H4
Header Style H5
Header Style H5
Header Style H6
Header Style H6
Text Span Part 1
Thisisatextspan
Text Span Part 2
Thisisatextspan
Text size Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
Text size Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
Text size Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Text size XLarge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Text Label
Testimonials
Text Tag Link
Text Tag Link
Useful classes
Flex Box
Flex Box Horizontal
Flex Box Vertical
Flex Vertical Space
Flex Horizontal Space
Text Alignment
Text Align Left
Text Align Left
Text Align Center
Text Align Center
Text Align Right
Text Align Right
Hidden /Overflow
Hidden
Hidden Tablet
Hidden MobiLe Landscape
Hidden MobiLe Portrait
Overflow Visible
Overflow Hidden
Max Widths
Max Width XSmall
Max Width Small
Max Width Medium
Max Width Large
Max Width XLARGE
Buttons
Button Primary
Button Outline
Button White
Color
Base Color
Base Color 100
Base Color 200
Base Color 300
Base Color 400
Base Color 500
Background Color
Background Color
Text Color
Text Color 100
This is text written in Text Color 100
Text Color 200
This is text written in Text Color 200
Text Color 300
This is text written in Text Color 300
Grids
Grid 2 Column
Grid 3 Column
Grid 4 Column
Grid 2-1 Column
Grid 1-2 Column
Icons
Icon Size Small
Icon Size Medium
Icon Size Large
Icon Size XLarge
Images
Image
Image Cover
Image sits above text on desktop
