.content__item {
  margin-bottom: $spacing-unit * 2;
}

.highlight {

  pre {
    border-top: none;
    border-radius: 0 0 3px 3px;
  }

  &:before {
    content: "Example";
    display: block;
    padding: 8px 12px;
    color: $color-slate;
    background: #fff;
    border: 1px solid $color-blue-2;
    border-radius: 3px 3px 0 0;
    font-size: 16px;
    font-weight: bold;
  }

  // Label every second code block with "Output"
  & + .highlight:nth-of-type(2n) {
    &:before {
      content: "Output";
    }
  }

}