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.