// ============================================================================
// :: Content
// ============================================================================
/**
 * Scope defined for visualising the content layout in the layout section of
 * the styleguides.
 */

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

  .l-content {
    padding: 3rem;

    border: 0.1rem dashed black;
  }

  .l-content__item {
    height: 5rem;

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