← Back to menu

Globals

Background color

primary
secondary
red
green

Border color

primary
secondary
red
green

Border radius

1
4
5
6

Border style

dotted
dashed
solid
none

Box shadow

top-left
top-right
bottom-left
bottom-right
center

Color

primary
secondary
red
green

Cursor

crosshair
cell
move
help

Font family

default
mono
serif
sans

Font style

default
italic
oblique
normal

Grid gap

gap 12
gap 12
gap 12
gap 12

Margin

top
right
left
bottom
all

Outline

solid primary
dashed secondary
ridge red
solid green

Overflow

hidden

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet magna vitae libero venenatis, vitae volutpat libero euismod. Ut tincidunt dignissim mauris id bibendum. Aenean eleifend diam eu nibh venenatis, eget semper augue aliquam. Suspendisse vitae lacus eget lacus mollis efficitur

visible

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet magna vitae libero venenatis, vitae volutpat libero euismod. Ut tincidunt dignissim mauris id bibendum. Aenean eleifend diam eu nibh venenatis, eget semper augue aliquam. Suspendisse vitae lacus eget lacus mollis efficitur

scroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet magna vitae libero venenatis, vitae volutpat libero euismod. Ut tincidunt dignissim mauris id bibendum. Aenean eleifend diam eu nibh venenatis, eget semper augue aliquam. Suspendisse vitae lacus eget lacus mollis efficitur

auto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet magna vitae libero venenatis, vitae volutpat libero euismod. Ut tincidunt dignissim mauris id bibendum. Aenean eleifend diam eu nibh venenatis, eget semper augue aliquam. Suspendisse vitae lacus eget lacus mollis efficitur

Padding

top
right
left
bottom

Position

absolute
relative
sticky
static

Text align

center
left
right
justify

Text decoration

Overlione
line-through
underline
underline-overline

Color palette

primary:

1
2
3
4
5
6
7
8
9

secondary:

1
2
3
4
5
6
7
8
9

gray:

1
2
3
4
5
6
7
8
9

red:

1
2
3
4
5
6
7
8
9

green:

1
2
3
4
5
6
7
8
9

blue:

1
2
3
4
5
6
7
8
9

yellow:

1
2
3
4
5
6
7
8
9

pink:

1
2
3
4
5
6
7
8
9

purple:

1
2
3
4
5
6
7
8
9

orange:

1
2
3
4
5
6
7
8
9

white:

1
2
3
4
5
6
7
8
9

black:

black