Live

Stage

Close
StylesUtilitiesBlocks
Components
Elements

Sizing Percent

Percentage Width

Full
Two Thirds
Half
Third
Forth
Fifth

Percentage Height

Full
Two Thirds
Half
Third
Forth
Fifth

Sizing Viewport

Viewport Width

Full
Two Thirds
Half
Third
Forth
Fifth

Viewport Height

1/1
2/3
1/2
1/3
1/4
1/5
Height and Width Elements are Hidden
Full Width & Height
Two Thirds Width & Height
Half Width & Height
Third Width & Height
Forth Width & Height
Fifth Width & Height

Sizing Rem

Rem Width

90 rem Width (5+ cols)
84.87 rem Width (5 cols)
67.375 Width  (4 cols)
48 Width (3 cols)
32.375 Width (2 cols)
14.875 Width (1 cols)

Sizing Max

Max Width

Site
Full
Large
Medium
Regular
Small
xSmall

Position

Relative
Absolute
Sticky
Auto
Static

Visibility

Hide Show
Hidden
Show
Hide
Show
Tablet (md)
Show Medium
Show
Hidden
Hide Medium
Landscape (sm)
Show Small
Show
Hidden
Hide Small
Mobile (xs)
Show xSmall
Show
Hidden
Hide xSmall

Overflow

Show
Hide
Scroll
Auto

Borders

None
All
Top
Bottom
T/B
Left
Right
L/R

Z Index

Z Index 0
Z Index 1
Z Index 2
Z Index 3
Z Index Top

Flex

Horizontal

Top
Center
Bottom
Top Bottom (Space)
Baseline

Vertical

Left
Center
Right
Top Bottom (Space)
Baseline

Padding

Classes Above 5 Are Hidden

Top

Top
Top
Top
Top
Top
Top
Top
Top
Top
Top
Top
Top
Top

Left

Left
Left
Left
Left
Left
Left
Left
Left
Left
Left
Left
Left
Left

Bottom

Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom

Right

Right
Right
Right
Right
Right
Right
Right
Right
Right
Right
Right
Right
Right

All

All
All
All
All
All
All
All
All
All
All
All
All
All

Top Bottom

Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom
Top Bottom

Left Right

Left Right
Left Right
Left Right
Left Right
Left Right
Left Right
Left Right
Left Right
Left Right
Left Right
Left Right
Left Right
Left Right

Margin

Classes Above 5 Are Hidden

Top

Top
Top
Top
Top
Top
Top
Top
Top
Top
Top
Top
Top
Top

Left

Left
Left
Left
Left
Left
Left
Left
Left
Left
Left
Left
Left
Left

Bottom

Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom
Bottom

Right

Right
Right
Right
Right
Right
Right
Right
Right
Right
Right
Right
Right
Right

All

All
All
All
All
All
All
All
All
All
All
All
All
All

Grids

Square

Square 5
Square 10
Square 15
Square 20

Images

Default - Background and Image Element
Full
Two Thirds
Half
Third
Forth
Fifth
Full vh