34 replies

Is this how @apply works in tailwind?

I'm not a tailwind person but I recall seeing somewhere that there it has something called

@apply

@apply

, which might be something I have been wishing were possible in css for a long time.

Namely, I would like to be able to say:

.primary-heading {
  color:maroon;
  font-family: sans;
  text-shadow: 1px -1px 1px black;
}

.some-heading {
  @apply(.primary-heading);
}

.primary-heading {
  color:maroon;
  font-family: sans;
  text-shadow: 1px -1px 1px black;
}

.some-heading {
  @apply(.primary-heading);
}

Another way to think about this is that i would like to be able to put multiple properties in a css variable, but of course that’s not possible.

Does @apply work that way in tailwind?

KP-C

Kevin Powell - Community•2y ago•

34 replies

patwasalinguist

Is this how @apply works in tailwind?

I'm not a tailwind person but I recall seeing somewhere that there it has something called

@apply

@apply

, which might be something I have been wishing were possible in css for a long time.

Namely, I would like to be able to say:

.primary-heading {
  color:maroon;
  font-family: sans;
  text-shadow: 1px -1px 1px black;
}

.some-heading {
  @apply(.primary-heading);
}

.primary-heading {
  color:maroon;
  font-family: sans;
  text-shadow: 1px -1px 1px black;
}

.some-heading {
  @apply(.primary-heading);
}

Another way to think about this is that i would like to be able to put multiple properties in a css variable, but of course that’s not possible.

Does @apply work that way in tailwind?

Is this how @apply works in tailwind?

Similar Threads

Is this how @apply works in tailwind?

Similar Threads

Similar Threads

Similar Threads