I am working with the uikit using the govcms8 drupal theme. I am finding overriding some styles kinda frustrating. The level of specificity that has been added feels unnecessary, especially if other developers need to build on top of the design system.
For example I want to remove the
margin-top from a
li element inside a
ol list. My selector is
.sidebar ol li but the uikit has this specified which overrides it;
.au-body ol:not([class]) > li. I would understand if my ol had the uikit list class attached to it but seeing that is doesn’t have any class I should be able to easily override it with a simple selector.
Happy to keep discussing this with people because I had a similar issue with overriding button styles and my navigation.