O'Reilly logo
  • Omid Hezaveh thinks this is interesting:

A layout never imposes padding or element styles on its children. It is only concerned with their horizontal or vertical alignment and spacing. Themes and other data attributes never force changes in appearance; they are always a context that layouts, components, and elements can subscribe to. A component always touches all four sides of its parent container. No element will have top or left margins, and all last children (right or bottom) will have their margins cleared. The component itself never has backgrounds, widths, floats, padding, or margins. Component styles only target the elements inside. Every element has a single, unique, component-scoped class. All styles are applied directly to that selector, modified ...

From

Cover of Frontend Architecture for Design Systems

Note

Road Runner rules