Spacing - Skeleton

Skeleton
  1. design
  2. ›
  3. spacing

Spacing

The Skeleton spacing system.

Source

Skeleton utilizes Tailwind spacing system to enable dynamic scaling based for the following properties.

  • padding
  • margin
  • width
  • minWidth
  • maxWidth
  • height
  • minHeight
  • maxHeight
  • gap
  • inset
  • space
  • translate

Preview

Try different themes to preview how scaling changes.

SizePreview
0
[1px]
0.5
1
1.5
2
2.5
3
3.5
4
5
6
7
8
9
10
11
12
14
16
20
24
28
32
36
40
44
48
52
56
60
64
72
80