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,
  h4,
  h5,
  h6 {
    margin-bottom: .5em;

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

  h1 {
    @apply text-3xl;
  }

  h2 {
    @apply text-2xl;
  }

  h3 {
    @apply text-xl;
  }

  h4 {
    @apply text-lg;
  }

  h5 {
    @apply text-base;
  }

  h6 {
    @apply text-sm;
  }

  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;
    }
  }
}