skip to content

Space

  • $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.
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.