tailwind-build.typography.css

.raa-link {
  @apply tw-inline-block tw-text-raa-orange tw-underline tw-cursor-pointer;
  transition: text-decoration 0.4s;
  line-height: 1.375rem;
  text-decoration-color: transparent;
}

.raa-link:focus {
  @apply tw-underline tw-bg-raa-orange tw-text-raa-white tw-outline-transparent;
}

.raa-link:hover {
  @apply tw-underline tw-text-raa-orange-hover tw-bg-transparent tw-decoration-raa-orange;
}

.raa-link:active {
  @apply tw-text-raa-orange-active tw-border-raa-orange-active;
}

/*Tar bort underline under ikon som ligger i länkar och centrerar den*/
.raa-link .raa-icon {
  @apply tw-inline-block tw-relative;
  top: 0.1em;
}

.raa-label {
  @apply tw-flex tw-font-semibold tw-my-1 tw-mx-0;
}

.raa-label.select {
  @apply tw-relative tw-font-normal tw-inline-flex tw-items-center;
}

.raa-menu-text {
  @apply tw-text-size-1 tw-leading-1.25 tw-uppercase tw-text-raa-orange;
}

.raa-menu-text:hover {
  @apply tw-text-raa-orange-hover tw-underline;
}

.raa-menu-text:active {
  @apply tw-text-raa-orange-active tw-underline;
}

.raa-warning-text {
  @apply tw-text-size-1 tw-text-raa-error-red;
}

.raa-secondary-text {
  @apply tw-text-size-0.8125 tw-text-raa-gray-5;
}

p {
  @apply tw-text-size-1;
}

.tw-heading-xl {
  @apply tw-text-size-2 tw-leading-2.5;
}

.tw-heading-lg {
  @apply tw-text-size-1.625 tw-leading-1.75;
}

.tw-heading-md {
  @apply tw-text-size-1.375 tw-leading-1.563;
}

.tw-heading-sm {
  @apply tw-text-size-1.125 tw-leading-1.188;
}

@screen md {
  p {
    @apply tw-text-size-1 tw-leading-1.375;
  }

  .tw-heading-xl {
    @apply tw-text-size-2.5 tw-leading-2.813;
  }

  .tw-heading-lg {
    @apply tw-text-size-2 tw-leading-2.5;
  }

  .tw-heading-md {
    @apply tw-text-size-1.5 tw-leading-1.875;
  }

  .tw-heading-sm {
    @apply tw-text-size-1.125 tw-leading-1.75;
  }
}

@screen lg {
  p {
    @apply tw-text-size-1 tw-leading-1.375;
  }

  .tw-heading-xl {
    @apply tw-text-size-3 tw-leading-3.125;
  }

  .tw-heading-lg {
    @apply tw-text-size-2.25 tw-leading-2.813;
  }

  .tw-heading-md {
    @apply tw-text-size-1.75 tw-leading-1.875;
  }

  .tw-heading-sm {
    @apply tw-text-size-1.125 tw-leading-1.75;
  }
}