Skip to content

SW14008: Circular utility application

A utility applies itself directly or through another utility.

This error occurs when an @apply dependency returns to a utility that is already being expanded. The cycle can pass through several utilities.

Reported

@utility card {
  @apply card;
}

.card {
  @apply card;
}

SW14008: circular @apply dependency for utility `card`

Fixed

@utility card {
  display: block;
  padding: 1rem;
}

.card {
  @apply card;
}

How to fix

Remove the @apply that closes the dependency cycle. A shared utility can contain the common declarations, provided that it does not apply the utilities that use it.