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.