nextui-org--nextui/packages/styles/components/typography.css

.typography {
  @apply text-foreground;
}

.typography-prose {
  @apply text-foreground;
}

.typography-prose h1 {
  @apply text-4xl font-semibold tracking-tight;
}

.typography-prose h2 {
  @apply text-3xl font-semibold tracking-tight;
}

.typography-prose h3 {
  @apply text-2xl font-semibold tracking-tight;
}

.typography-prose h4 {
  @apply text-xl font-semibold tracking-tight;
}

.typography-prose h5 {
  @apply text-lg font-semibold tracking-tight;
}

.typography-prose h6 {
  @apply text-base font-semibold tracking-tight;
}

.typography-prose p {
  @apply text-base leading-7;
}

.typography-prose code {
  @apply rounded-md bg-default px-1.5 py-0.5 font-mono text-sm text-foreground;
}

.typography-prose a {
  @apply font-medium text-link underline underline-offset-4;
}

.typography-prose blockquote {
  @apply mt-4 border-l-4 border-border pl-4 text-muted italic;
}

.typography-prose ul {
  @apply my-4 list-disc space-y-2 pl-6;
}

.typography-prose ol {
  @apply my-4 list-decimal space-y-2 pl-6;
}

.typography-prose li {
  @apply text-base leading-7;
}

.typography-prose hr {
  @apply my-8 border-separator;
}

.typography-prose pre {
  @apply my-4 overflow-x-auto rounded-xl bg-default p-4 font-mono text-sm leading-relaxed;
}

.typography-prose strong {
  @apply font-semibold text-foreground;
}

.typography-prose em {
  @apply italic;
}

.typography-prose img {
  @apply my-4 rounded-xl;
}

.typography--h1 {
  @apply text-4xl font-semibold tracking-tight;
}

.typography--h2 {
  @apply text-3xl font-semibold tracking-tight;
}

.typography--h3 {
  @apply text-2xl font-semibold tracking-tight;
}

.typography--h4 {
  @apply text-xl font-semibold tracking-tight;
}

.typography--h5 {
  @apply text-lg font-semibold tracking-tight;
}

.typography--h6 {
  @apply text-base font-semibold tracking-tight;
}

.typography--body {
  @apply text-base leading-7;
}

.typography--body-sm {
  @apply text-sm leading-6;
}

.typography--body-xs {
  @apply text-xs leading-5;
}

.typography--code {
  @apply rounded-md bg-default px-1.5 py-0.5 font-mono text-sm text-foreground;
}

.typography--align-start {
  @apply text-left rtl:text-right;
}

.typography--align-center {
  @apply text-center;
}

.typography--align-end {
  @apply text-right rtl:text-left;
}

.typography--align-justify {
  @apply text-justify;
}

.typography--color-default {
  @apply text-foreground;
}

.typography--color-muted {
  @apply text-muted;
}

.typography--truncate {
  @apply block truncate;
}

.typography--weight-normal {
  @apply font-normal;
}

.typography--weight-medium {
  @apply font-medium;
}

.typography--weight-semibold {
  @apply font-semibold;
}

.typography--weight-bold {
  @apply font-bold;
}