Tailwind Custom Prose

Some common CSS styles to handle lists, paragraph spacing.

/*--------------------------------------------------------------
# Custom Prose
--------------------------------------------------------------*/

.prose {
  ol {
    @apply mt-4 list-decimal pl-7;
  }

  ul {
    @apply mt-4 list-disc pl-7;
  }
  
  ol > li {
    @apply pl-2 my-2;
  }

  a {
    @apply inline-block underline transition-opacity hover:opacity-70;
  }

  p + p,
  ol + p,
  ul + p  {
    @apply mt-4;
  }
}