oliverdavies.uk/assets/css/components/markup.css

.markup {
  @apply leading-normal;

  h2,
  h3,
  h4 {
    @apply text-black font-bold mb-3
  }

  h2 {
    @apply mt-8 mb-3
  }

  h3 {
    @apply text-lg mt-8
  }

  p,
  ul,
  ol,
  blockquote,
  table,
  figure,
  pre,
  [v-pre] {
    &:not(:last-child) {
      @apply mb-6
    }
  }

  ul {
    @apply list-disc ml-5
  }

  code {
    @apply bg-gray-200 font-mono text-sm
  }

  p,
  li {
    code {
      @apply inline-block border border-gray-300 font-bold mx-px p-1 leading-none
    }
  }

  pre code,
  .hljs {
    @apply block leading-loose overflow-x-scroll p-6
  }

  figure,
  img {
    @apply block
  }

  figcaption {
    @apply italic text-sm text-gray-800 text-center mb-0 mt-1
  }
}