Typography defaults

[RonB]

Hi,
Shadcn-svelte does not use the tailwind typography plugin. Instead in the examples in the typography section the diffrent elements are styled manually. Is there already somebody who has converted these to defaults in the globals.css or am I missing the concept completely?

Thanx, Ronald

[khui0]

Something like this should work

@layer utilities {
  .typography h1 {
    @apply scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl;
  }

  .typography h2 {
    @apply scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0;
  }

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

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

  .typography p {
    @apply leading-7 [&:not(:first-child)]:mt-6;
  }

  .typography blockquote {
    @apply mt-6 border-l-2 pl-6 italic;
  }

  .typography code {
    @apply bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;
  }
}```