content-block.pcss

.content-block {
  h1,
  h2,
  h3,
  h4 {
    @apply font-condensed font-bold leading-tight;
  }

  h5,
  h6 {
    @apply font-condensed uppercase leading-tight;
  }

  h1,
  h2,
  h3 {
    margin-bottom: .4em;

    &:not(:first-child) {
      margin-top: .95em;
    }
  }

  h4,
  h5,
  h6 {
    margin-bottom: .3em;

    &:not(:first-child) {
      margin-top: .95em;
    }
  }

  /* Horizontal rule starts new block */
  hr + h1,
  hr + h2,
  hr + h3,
  hr + h4,
  hr + h5,
  hr + h6 {
    @apply mt-0;
  }

  h1 {
    @apply text-3xl;
  }

  h2 {
    @apply text-2xl;
  }

  h3 {
    @apply text-xl;
  }

  h4 {
    @apply text-lg;
  }

  h5 {
    @apply text-base;
  }

  h6 {
    @apply text-sm;
  }

  pre {
    line-height: 1;
  }

  /* Contact lines are quite frequent so these are blacklisted for anchor style specifically. */
  a:not(.contact-line):not(.content-block--nostyle) {
    @apply underline;
  }

  p, ul, ol {
    @apply leading-normal;
  }

  p:not(:last-child) {
    margin-bottom: 1em;
  }

  strong {
    @apply font-bold;
  }

  small {
    @apply text-sm;
  }

  ul,
  ol,
  table,
  blockquote,
  figure,
  iframe {
    &:not(:first-child) {
      margin-top: 1em;
    }
    &:not(:last-child) {
      margin-bottom: 1em;
    }
  }
}