Conflicting utilities

  • Full issue name: Conflicting utilities
  • Status: DEBUG
  • Related to: Utilities
  • Summary: Two utilities can not be combined
  • How to fix: no action required

Warhol did not merge two utilities because their styles conflict. This is not a problem and only indicates that the utilities cannot used together.

Consider the following three utilities:

.shadow { box-shadow: 0 0 1em black }
.left { float: left }
.right { float: right }

The .shadow utility can be used in combination with .left and .right (or on its own), but combining .left and .right would lead to contradictory styles. Warhol calculates utility combinations when taking snapshot and reports this debug message whenever it detect a conflict like this.

Join our Slack Community

Any question not answered yet? You want to get the latest information on Warhol and discuss new features? Join our Slack Community.