@mixin notes-media($condition, $breakpoint-width) {
  @media (#{$condition}-width: ($breakpoint-width)) {
    @content;
  }

  // Diff is side by side
  .notes_content.parallel & {
    // We hide at double what we normally hide at because
    // there are two columns of notes
    @media (#{$condition}-width: (2 * $breakpoint-width)) {
      @content;
    }
  }
}