Guides

Task-oriented pages. Concepts live under Concepts.

• Distillate vs CSS-in-JS — when Distillate is the right tool
• Declare and select variations — named diffs, { flatten }, { alternates }
• Read values outside CSS — literal theme values for SVG and other non-CSS surfaces
• Ship a compact artifact — tree-shaken CSS for HTML that leaves the app
• Integrate with a React renderer — collect handles while rendering
• Migrate from Emotion — createEmotion over the same registry
• Test the var invariant — every var(...) has a declaration
• Avoid readable-name collisions — hyphen-joined names must be unique