Variable spacing

spacing: {
    "2xl": string;
    "3xl": string;
    "4xl": string;
    "5xl": string;
    "6xl": string;
    "7xl": string;
    "8xl": string;
    lg: string;
    max: string;
    maxWidth: {
        large: string;
        larger: string;
        max: string;
        normal: string;
        small: string;
        smallest: string;
    };
    md: string;
    min: string;
    sm: string;
    xl: string;
    xs: string;
}

Default spacing tokens with semantic naming.

Type declaration

2xl: string
3xl: string
4xl: string
5xl: string
6xl: string
7xl: string
8xl: string
lg: string
max: string
maxWidth: {
    large: string;
    larger: string;
    max: string;
    normal: string;
    small: string;
    smallest: string;
}
md: string
min: string
sm: string
xl: string
xs: string

Returns

Spacing tokens with semantic names and corresponding pixel values.

Example

import * as Styles from '@universityofmaryland/web-styles-library';
Styles.token.spacing.md // '24px'

Since

1.1.0

Variable spacing

Type declaration

2xl: string

3xl: string

4xl: string

5xl: string

6xl: string

7xl: string

8xl: string

lg: string

max: string

maxWidth: { large: string; larger: string; max: string; normal: string; small: string; smallest: string;}

md: string

min: string

sm: string

xl: string

xs: string

Returns

Example

Since

Settings

maxWidth: {
large: string;
larger: string;
max: string;
normal: string;
small: string;
smallest: string;
}