Viewport range for clamp: 782px > 1280px
NAME
REM
PX
--wp--preset--font-size--xx-small
0.75
12
--wp--preset--font-size--x-small
0.875
14
--wp--preset--font-size--small
1
16
--wp--preset--font-size--medium
1.125 > 1.25
18 > 20
--wp--preset--font-size--large
1.25 > 1.5
20 > 24
--wp--preset--font-size--x-large
1.375 > 2
22 > 32
--wp--preset--font-size--xx-large
1.625 > 2.625
26 > 42
--wp--preset--font-size--xxx-large
1.75 > 3
28 > 48
--wp--preset--font-size--xxxx-large
2 > 4
32 > 64
--wp--preset--font-size--xxxxx-large
2.125 > 5
34 > 80
--wp--preset--font-size--xxxxxx-large
2.25 > 6
36 > 96
NAME
SIZE
--wp--custom--line-height--xx-small
1.3333333333
--wp--custom--line-height--x-small
1.4285714286
--wp--custom--line-height--small
1.5
--wp--custom--line-height--medium
1.6
--wp--custom--line-height--large
1.5
--wp--custom--line-height--x-large
1.375
--wp--custom--line-height--xx-large
1.3333333333
--wp--custom--line-height--xxx-large
1.25
--wp--custom--line-height--xxxx-large
1.125
--wp--custom--line-height--xxxxx-large
1.1
--wp--custom--line-height--xxxxxx-large
1.0833333333
NAME
PX
--wp--custom--spacing--00
0
--wp--custom--spacing--05
2
--wp--custom--spacing--10
4
--wp--custom--spacing--15
6
--wp--preset--spacing--20
8
--wp--custom--spacing--25
12
--wp--preset--spacing--30
16
--wp--custom--spacing--35
20
--wp--preset--spacing--40
24
--wp--custom--spacing--45
28
--wp--preset--spacing--50
32
--wp--custom--spacing--55
36
--wp--preset--spacing--60
32 > 40
--wp--custom--spacing--65
40
--wp--preset--spacing--70
32 > 48
--wp--custom--spacing--75
48
--wp--preset--spacing--80
32 > 64
--wp--custom--spacing--85
64
NAME
PX
--wp--custom--width--x-small
300
--wp--custom--width--small
410
--wp--custom--width--medium
632
--wp--custom--width--large
964
--wp--custom--width--x-large
1296
--wp--style--global--content-size
632
--wp--style--global--wide-size
1296
Theme (can be customized by user)
NAME
HEX
--wp--preset--color--base
#FFFFFF
--wp--preset--color--base-2
#F0F0F0
--wp--preset--color--base-3
#DDDDDD
--wp--preset--color--base-4
#CCCCCC
--wp--preset--color--base-5
#949494
--wp--preset--color--contrast
#1E1E1E
--wp--preset--color--contrast-2
#3E3E3E
--wp--preset--color--contrast-3
#6C6C6C
--wp--preset--color--accent
#2240D5
--wp--preset--color--accent-2
#3366FF
NAME
HEX
--wp--custom--color--neutral-0
#FFFFFF
--wp--custom--color--neutral-5
#F7F7F7
--wp--custom--color--neutral-10
#F0F0F0
--wp--custom--color--neutral-20
#E0E0E0
--wp--custom--color--neutral-30
#DDDDDD
--wp--custom--color--neutral-40
#CCCCCC
--wp--custom--color--neutral-50
#949494
--wp--custom--color--neutral-60
#6C6C6C
--wp--custom--color--neutral-70
#00000070
--wp--custom--color--neutral-80
#3E3E3E
--wp--custom--color--neutral-90
#1E1E1E
--wp--custom--color--neutral-100
#000000
--wp--custom--color--error-0
#FCF0F1
--wp--custom--color--error-5
#FACFD2
--wp--custom--color--error-50
#D63638
--wp--custom--color--error-60
#B32D2E
--wp--custom--color--success-0
#EDFAEF
--wp--custom--color--success-5
#B8E6BF
--wp--custom--color--success-50
#008A20
--wp--custom--color--success-60
#007017
--wp--custom--color--warning-0
#FCF9E8
--wp--custom--color--warning-5
#F5E6AB
--wp--custom--color--warning-30
#DBA617
--wp--custom--color--warning-40
#BD8600
NAME
REM
PX
--wp--custom--border--radius-xx-small
0.125
2
--wp--custom--border--radius-x-small
0.1875
3
--wp--custom--border--radius-small
0.25
4
--wp--custom--border--radius-medium
0.375
6
--wp--custom--border--radius-large
0.5
8
--wp--custom--border--radius-x-large
0.625
10
--wp--custom--border--radius-xx-large
0.75
12
--wp--custom--border--radius-xxx-large
0.875
14
--wp--custom--border--radius-xxxx-large
1
16
NAME
CSS
--wp--preset--shadow--elevation-1
0 1px 10px #00000007
--wp--preset--shadow--elevation-2
0 2px 20px #00000014
--wp--preset--shadow--elevation-3
0 3px 30px #00000021
--wp--preset--shadow--elevation-4
0 0 20px #00000010, 0 25px 30px #00000015
--wp--preset--shadow--inset-1
inset 0 0 0 1px
--wp--preset--shadow--inset-2
inset 0 0 0 2px