.markup
  @apply leading-normal

  h2,
  h3
    @apply mt-8 mb-3 text-black

  code
    @apply bg-grey-lighter font-mono text-sm

  p,
  li
    code
      @apply inline-block px-1 py-1 border border-grey-light font-bold

  // pre code
  //   @apply my-8

  // pre:first-child code
  //   @apply mt-0

  a,
  .link
    @apply text-blue no-underline

    &:hover
      @apply underline

    &:focus
      @apply text-white bg-blue outline-none px-px -mx-px no-underline

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

  figure
    @apply block mb-8

  figcaption
    @apply italic text-sm text-grey-darker text-center mb-0 mt-1