spacings.scss

/**
 * Spacings
 */
$settings-spacings: (
    "s-4": (
        $breakpoint-sm: 4px,
        $breakpoint-xl: 4px,
        $breakpoint-xxl: 8px,
    ),
    "s-8": (
        $breakpoint-sm: 8px,
        $breakpoint-xl: 8px,
        $breakpoint-xxl: 16px,
    ),
    "s-16": (
        $breakpoint-sm: 8px,
        $breakpoint-xl: 16px,
        $breakpoint-xxl: 24px,
    ),
    "s-24": (
        $breakpoint-sm: 16px,
        $breakpoint-xl: 24px,
        $breakpoint-xxl: 32px,
    ),
    "s-32": (
        $breakpoint-sm: 24px,
        $breakpoint-xl: 32px,
        $breakpoint-xxl: 40px,
    ),
    "s-40": (
        $breakpoint-sm: 32px,
        $breakpoint-xl: 40px,
        $breakpoint-xxl: 56px,
    ),
    "s-56": (
        $breakpoint-sm: 40px,
        $breakpoint-xl: 56px,
        $breakpoint-xxl: 64px,
    ),
    "s-64": (
        $breakpoint-sm: 56px,
        $breakpoint-xl: 64px,
        $breakpoint-xxl: 80px,
    ),
    "s-80": (
        $breakpoint-sm: 64px,
        $breakpoint-xl: 80px,
        $breakpoint-xxl: 120px,
    ),
    "s-120": (
        $breakpoint-sm: 80px,
        $breakpoint-xl: 120px,
        $breakpoint-xxl: 160px,
    ),
    "s-160": (
        $breakpoint-sm: 120px,
        $breakpoint-xl: 160px,
        $breakpoint-xxl: 200px,
    ),
    "s-200": (
        $breakpoint-sm: 160px,
        $breakpoint-xl: 200px,
        $breakpoint-xxl: 280px,
    ),
    "s-264": (
        $breakpoint-sm: 200px,
        $breakpoint-xl: 264px,
        $breakpoint-xxl: 320px,
    ),
    "s-320": (
        $breakpoint-sm: 264px,
        $breakpoint-xl: 320px,
        $breakpoint-xxl: 400px,
    ),
);