Override an abstracted utility classes

[Ali-Hussein-dev]

.btn {
  @apply p-1 font-semibold  ...;
}

// ...
<button class="btn px-6">Button<button>

I am trying to override one of the abstracted utility classes p-1 but I could not, how can I achieve that?

[adamwathan]

Make sure the btn class is defined within the "components" layer and you should be good:

https://tailwindcss.com/docs/extracting-components#extracting-component-classes-with-apply