// ============================================================================
// :: Container
// ============================================================================
/**
 * Scope defined for visualising the container layout in the layout section of
 * the styleguides.
 */

// ============================================================================
// :: Root
// ============================================================================
.s-container {

  .l-container {
    height: 30rem;

    border: 1px dashed $bp-border-color-base;
  }
}