.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;
    font-weight: bold;
    color: $color-white;
    background: $color-blue-5;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
  }

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

}