Brought to you by ElasticON Global
Elastic helps the world’s leading organizations put their data to work using the power of search. Register today for Elastic’s biggest … and free … user conference of the year, ElasticON Global. ElasticOn Global is designed for you, the people who are solving the world’s most complex problems using the power of search. And, the power of search is what enables you to protect and defend your entire digital ecosystem. Hear from industry experts, Elastic product teams, and your peers about how you can take your skills and your organization’s search, observability, and security capabilities to a whole new level.
Why not take every major styling choice on a particular component and make it into a custom property? Then, when you need a variation, you can just change the custom property and not re-declare the entire ruleset. This has some nice advantages, like clearly presenting a menu of things-to-change and not needing to dig into subcomponents to re-style variations.
One small step further, you can break up the custom properties into parts, so you can control single aspects of them without affecting the others. Careful for the gotcha though on these “compound” properties.