Contextual Styling: UI Components, Nesting, and Implementation Detail

What should you do if you need a smaller button style whenever those buttons are placed in the header? Do you make a new class or a new custom button modifier? Harry Roberts tackles this problem in the following post on modifying components when they're inside another component:

If you need to change the cosmetics of a UI component based on where it is placed, your design system is failing. Its as simple as that. Things should be designed to …

Contextual Styling: UI Components, Nesting, and Implementation Detail is a post from CSS-Tricks