Space
-
$t-a-space-relative-0
-
$t-a-space-relative-100
-
$t-a-space-relative-200
-
$t-a-space-relative-400
-
$t-a-space-relative-600
-
$t-a-space-relative-800
-
$t-a-space-relative-1200
-
$t-a-space-relative-1600
-
$t-a-space-absolute-0
-
$t-a-space-absolute-100
-
$t-a-space-absolute-200
-
$t-a-space-absolute-400
-
$t-a-space-absolute-600
-
$t-a-space-absolute-800
-
$t-a-space-absolute-1200
-
$t-a-space-absolute-1600
| Name | Value | Description | |
|---|---|---|---|
| $t-a-space-relative-0 | 0 | sets the absolute value of an element that needs this unit: 0 | |
| $t-a-space-relative-100 | .25rem | sets the absolute value of an element that needs this unit: .25rem (4px) width. | |
| $t-a-space-relative-200 | .5rem | sets the absolute value of an element that needs this unit: .5rem (8px) width. | |
| $t-a-space-relative-400 | 1rem | sets the absolute value of an element that needs this unit: 1rem (16px) width. | |
| $t-a-space-relative-600 | 1.5rem | sets the absolute value of an element that needs this unit: 1.5rem (24px) width. | |
| $t-a-space-relative-800 | 2rem | sets the relative value of an element that needs this unit: 2rem (32px) width. | |
| $t-a-space-relative-1200 | 3rem | sets the relative value of an element that needs this unit: 3rem (48px) width. | |
| $t-a-space-relative-1600 | 4rem | sets the relative value of an element that needs this unit: 4rem (64px) width. | |
| $t-a-space-absolute-0 | 0 | sets the absolute value of an element that needs this unit: 0 | |
| $t-a-space-absolute-100 | 4px | sets the absolute value of an element that needs this unit: 4px width. | |
| $t-a-space-absolute-200 | 8px | sets the absolute value of an element that needs this unit: 8px width. | |
| $t-a-space-absolute-400 | 16px | sets the absolute value of an element that needs this unit: 16px width. | |
| $t-a-space-absolute-600 | 24px | sets the absolute value of an element that needs this unit: 24px width. | |
| $t-a-space-absolute-800 | 32px | sets the absolute value of an element that needs this unit: 32px width. | |
| $t-a-space-absolute-1200 | 48px | sets the absolute value of an element that needs this unit: 48px width. | |
| $t-a-space-absolute-1600 | 64px | sets the absolute value of an element that needs this unit: 64px width. |
Help improve this page
If you’ve got a question, idea or suggestion about how to improve this component or guidance, post in the #ask-elements Slack channel.