Components Menu
Forside

Flex

I Style panelet (S) selector felt skriver du blot flex- efterfulgt af de tal der referere til den type af flex du er ude efter. I nedenstående er eksempel er div'en sat til at centrere indholdet horisontalt og sprede alt indhold til højre og venstre, samt lave ombrydning på mindre skærme.

Altsammen udtrykt ved: flex-12424

Direction er sat til horizontal (1)
Align er sat til center (2)
Justify er sat til space-between (4)
children er sat til wrap (2)
align children er sat til align rows (4).

Derfor flex-12424

Extension classes

Opacity
opacity-50
Class styling
opacity-30
Class styling
Text
text-color-success
Class styling
text-color-error
Class styling
text-color-inactive
Class styling
text-color-quiet
Class styling
text-color-primary
Class styling
text-color-transparent
Class styling
text-color-secondary
Class styling
text-color-white
Class styling
Margin
5-margin-(top, right, bottom eller left)
Sætter 5px margen på den angivne side af et element
10-margin-(top, right, bottom eller left)
Sætter 10px margen på den angivne side af et element
20-margin-(top, right, bottom eller left)
Sætter 20px margen på den angivne side af et element
Position
position-absolute
Placerer ting absolut
position-relative
Placerer ting relativt
position-static
Ingen position
position-sticky
Gør elementer på portal sider sticky under topbar
Flex
Vertical
Vertical
Vertical
Horizontal
Justify
Baseline
Baseline
Baseline
Baseline
Baseline
Display
display-none-medium
Skjuler elementer på medium og nedefter
display-none-small
Skjuler elementer på small og nedefter
display-none-large
Skjuler elementer på large men viser på medium og nedefter
inline-block
Skift display style
inline
Skift display style