heading.pcss

@responsive {
  .head-alt-xl {
    @apply text-7xl font-alt font-normal leading-negative;
  }

  .head-alt-lg {
    @apply text-6xl font-alt font-normal leading-negative;
  }

  .head-alt-md {
    @apply text-4xl font-alt font-normal leading-negative;
  }

  .head-alt-base {
    @apply text-3xl font-alt font-normal leading-negative;
  }

  .head-alt-sm {
    @apply text-2xl font-alt font-normal leading-negative;
  }

  .head-alt-xs {
    @apply text-xl font-alt font-normal leading-negative;
  }

  .head-alt-2xs {
    @apply text-lg font-alt font-normal leading-negative;
  }



  .head-base {
    @apply text-3xl font-condensed font-medium leading-tight;
  }

  .head-sm {
    @apply text-2xl font-condensed font-medium leading-tight;
  }

  .head-xs {
    @apply text-xl font-condensed font-medium leading-tight;
  }

  .head-2xs {
    @apply text-lg font-condensed font-medium leading-tight;
  }



  .head-heavy-base {
    @apply text-3xl font-condensed font-bold leading-tight;
  }

  .head-heavy-sm {
    @apply text-2xl font-condensed font-bold leading-tight;
  }

  .head-heavy-xs {
    @apply text-xl font-condensed font-bold leading-tight;
  }

  .head-heavy-2xs {
    @apply text-lg font-condensed font-bold leading-tight;
  }



  .head-allcaps-2xs {
    @apply text-lg font-condensed uppercase leading-tight;
  }

  .head-allcaps-3xs {
    @apply text-base font-condensed uppercase leading-tight;
  }




  .head-allcaps-heavy-2xs {
    @apply text-lg font-condensed font-bold uppercase leading-tight;
  }

  .head-allcaps-heavy-3xs {
    @apply text-base font-condensed font-bold uppercase leading-tight;
  }
}