Global Layout / Spacing Styles

[wesleyboar]

Dependencies

• Support Forward-Compatible CSS #171

Goal

Review and/or Standardize horizontal spacing, vertical spacing, and media queries (✓).

Expectations

1. Horizontal spacing has variables.
2. Vertical spacing has variables.
3. (✓) Define media queries variables.

Direction

Technical

• Use environmental variables (env()).
• Reference branch task/GH-99-global-spacing.

Design

• small gap(s) for related items
• medium gap(s) for less-related items
• large gap(s) for minimally-related items
• there may be multiple options for each size of gap

Reference

• Shared UI - Constants - Units (see "Spacing")
• Bootstrap 4.0 Spacing (see "Where size is one of:")