| Class | Space (rem) | Approx px | Meaning / Usage |
|---|---|---|---|
| g-0 | 0 | 0px | No spacing |
| g-1 | 0.25 | 4px | Very small spacing |
| g-2 | 0.5 | 8px | Small spacing |
| g-3 | 1 | 16px | Default spacing |
| g-4 | 1.5 | 24px | Large spacing |
| g-5 | 3 | 48px | Extra large spacing |
| Class | Space (rem) | Approx px | Usage |
|---|---|---|---|
| gx-0 | 0 | 0px | No horizontal space |
| gx-1 | 0.25 | 4px | Very small horizontal space |
| gx-2 | 0.5 | 8px | Small horizontal space |
| gx-3 | 1 | 16px | Default horizontal space |
| gx-4 | 1.5 | 24px | Large horizontal space |
| gx-5 | 3 | 48px | Extra large horizontal space |
| Class | Space (rem) | Approx px | Usage |
|---|---|---|---|
| gy-0 | 0 | 0px | No vertical space |
| gy-1 | 0.25 | 4px | Very small vertical space |
| gy-2 | 0.5 | 8px | Small vertical space |
| gy-3 | 1 | 16px | Default vertical space |
| gy-4 | 1.5 | 24px | Large vertical space |
| gy-5 | 3 | 48px | Extra large vertical space |