barvian/fluid-tailwind

Possible to use within @layer declarations?

Closed this issue · 1 comments

I was hoping something like this would work:

@layer utilities {
  .exa {
    @apply ~text-7xl/text-9xl;
  }
  .nano {
    @apply ~text-xs/text-sm;
  }

But if my understanding is correct, this is out of order for PostCSS processing. I want to do it like this because each of those classes will have specific overrides for line height, weight, letter spacing, and other variable font adjustments. They're likely to become quite verbose, and there will be 8-10 of them.

Can someone recommend a way to accomplish this? I debated a separate plugin but that may be out of my skill zone.

Sloppy! I figured this out… 

  .exa {
    @apply ~text-7xl/9xl;
  }

Does indeed work within @layer etc if the markup is correct.