cmds-tailwind-styles/styles/typography.body.css

A tailwind preset of utilities for Copa Airlines design system

@layer utilities {
  .body {
    @apply text-14-20 text-grey-600 max-w-prose;

    &-caption {
      @apply text-12-16;

      &-lg {
        @apply text-20-32;
      }
    }

    &-body {

      &-1 {
        @apply text-16-24;
      }

      &-2 {
        @apply text-14-20;
      }
    }

    &-overline {
      @apply font-semibold text-12-16 tracking-1 uppercase;
    }

    &-lg {
      @apply text-16-24;
    }

    &-sm {
      @apply text-12-16;
    }

    &-invert {
      @apply text-grey-200;
    }

  }
}