Functional classes

Vertical

Vertical / 2XS
Vertical / XS
Vertical / S
Vertical / M
Vertical / L
Vertical / XL
Vertical / 2XL
Vertical / 3XL
Vertical / 4XL
Vertical / 5XL
Vertical / 7XL

Horizontal spacing

Horizontal / 2XS
Horizontal / XS
Horizontal / S
Horizontal / M
Horizontal / L
Horizontal / XL
Horizontal / 2XL
Horizontal / 3XL
Horizontal / 4XL
Horizontal / 5XL
Horizontal / 6XL
Horizontal / 7XL

Padding

Padding / 2XS
Padding / XS
Padding / S
Padding / M
Padding / L
Padding / XL
Padding / 2XL
Padding / 3XL
Padding / 4XL
Padding / 5XL

Bg

Bg / Primary
Bg / Primary Lightest
Bg / Primary Lighter
Bg / Primary Light
Bg / Primary Dark
Bg / Primary Darker
Bg / Primary Darkest
Bg / Secondary
Bg / Secondary Lightest
Bg / Secondary Lighter
Bg / Secondary Light
Bg / Secondary Dark
Bg / Secondary Darker
Bg / Secondary Darkest
Bg / Tertiary
Bg / Tertiary Lightest
Bg / Tertiary Lighter
Bg / Tertiary Light
Bg / Tertiary Dark
Bg / Tertiary Darker
Bg / Tertiary Darkest
Bg / Neutral
Bg / Neutral Lightest
Bg / Neutral Lighter
Bg / Neutral Light
Bg / Neutral Dark
Bg / Neutral Darker
Bg / Neutral Darkest
Bg / Bright
Bg / Bright Lightest
Bg / Bright Lighter
Bg / Bright Light
Bg / Bright Dark
Bg / Bright Darker
Bg / Bright Darkest
Ae - Bg / Bright
Bg / Bright Lightest
Bg / Bright Lighter
Bg / Bright Light
Bg / Bright Dark
Bg / Bright Darker
Bg / Bright Darkest
Bg / White

Ratio

Ratio / Panorama
Ratio / Panorama Tab
Ratio / Panorama Mob
Ratio / Landscape
Ratio / Landscape Tab
Ratio / Landscape Mob
Ratio / Standard
Ratio / Standard Tab
Ratio / Standard Mob
Ratio / Tall
Ratio / Tall Tab
Ratio / Tall Mob
Ratio / Skyscraper
Ratio / Skyscraper Tab
Ratio / Skyscraper Mob

This div has its display set to inline-block on tablet and smaller breakpoints.

Position

Position / Static

This div has its position set to static on desktop breakpoint and smaller ones.

Position / Static Tab

This div has its position set to static on tablet and smaller breakpoints.

Position / Static Mob

This div has its position set to static on mobile, landscape and portrait.

Position / Relative

This div has its position set to relative on desktop breakpoint and smaller ones.

Position / Relative Tab

This div has its position set to relative on tablet and smaller breakpoints.

Position / Relative Mob

This div has its position set to relative on mobile, landscape and portrait.

Display

Display / Block

This div has its display set to block on desktop breakpoint and smaller ones.

Display / Block Tab

This div has its display set to block on tablet and smaller breakpoints.

Display / Block Mob

This div has its display set to block on mobile, landscape and portrait.

Display / InBlock

This div has its display set to inline-block on desktop breakpoint and smaller ones.

Display / InBlock Tab
Display / InBlock Mob

This div has its display set to inline-block on mobile, landscape and portrait.

Display / Inline

This div has its display set to inline on desktop breakpoint and smaller ones.

Display / Inline Tab

This div has its display set to inline on tablet and smaller breakpoints.

Display / Inline Mob

This div has its display set to inline on mobile, landscape and portrait.

Display / None
Display / None Tab

This div has its display set to none on tablet and smaller breakpoints.

Display / None Mob

This div has its display set to none on mobile, landscape and portrait.