Architecture

How the styleguide is built and how it integrates into a host page — CSS layers, the root reset, brand switching, and the development lifecycle that draft features go through.

CSS layers

The CSS Cascade layer system the styleguide uses, and the rules for writing styles around it.

Reset

The styleguide's root reset and how to revert it for legacy components nested inside.

Brands

How brand switching works at runtime via the data-brand attribute.

Drafts

What the Draft status means for a page and the semver implications of using draft features.