@tailwind base; @tailwind components; @tailwind utilities; /* styles for displaying markdown */ @layer base { .md h1 { @apply text-6xl; } .md h2 { @apply text-5xl; } .md h3 { @apply text-4xl; } .md h4 { @apply text-3xl; } .md h5 { @apply text-2xl; } .md h6 { @apply text-xl; } .md blockquote{ @apply border-l-4 pl-2 rounded-lg; @apply bg-zinc-200 border-zinc-400; @apply dark:bg-zinc-800 dark:border-zinc-600; } .md hr { @apply mb-4 mt-4 border-2 rounded-lg; } .md ul{ @apply list-disc list-inside; } .md li ul { @apply list-disc list-inside ml-2; } .md ol{ @apply list-decimal list-inside; } .md li ol{ @apply list-decimal list-inside ml-2; } .md code { @apply p-1; @apply rounded-lg; @apply bg-zinc-200 border-zinc-400; @apply dark:bg-zinc-800 dark:border-zinc-600; } .md a { @apply inline-block bg-transparent text-blue-600; } .md img { @apply transition-transform w-96 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105 rounded-2xl; } }