Inconsistent component styles


  • Full issue name: Inconsistent component styles
  • Status: ERROR
  • Related to: components
  • Summary: component element styles are not consistent
  • How to fix: ensure equal styles for all elements that define a component

The styles and/or pseudo elements and/or directives on the elements that define a component are inconsistent. All defining examples of a component in a pattern library must have the same styles so that Warhol can know what to check for.

This is not a problem with the component's children but with the component elements themselves! Inconsistent styles on child elements are not a problem. Check if all elements for the component matching the component's selector have the same styles, directives and pseudo elements.