AnoPaper/src/index.css

@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 ml-4 mt-2 mb-2;
    @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 ml-4;
  }

  .md li ul {
    @apply list-disc list-inside;
  }

  .md ol{
    @apply list-decimal list-inside ml-4;
  }

  .md li ol{
    @apply list-decimal list-inside ml-4;
  }

  .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 w-96 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105 rounded-2xl hover:drop-shadow-2xl transition duration-500 lg:ml-5;
  }

  .md p, .math-inline { display: inline-block; }
}