// ============================================================================
// :: Split
// ============================================================================
/**
 * Scope defined for visualising the split layout in the layout section of
 * the styleguides.
 */

// ============================================================================
// :: Root
// ============================================================================
.s-split {
  height: 50rem;

  .l-split {
    padding: 3rem;

    border: 0.1rem dashed black;
  }

  .l-split__item {
    padding: 3rem;

    border: 0.1rem dashed darken($bp-border-color-base, 20%);
  }
}