// ============================================================================
// :: Block
// ============================================================================
/**
 * Scope defined for visualising the block layout in the layout section of
 * the styleguides.
 */

// ============================================================================
// :: Root
// ============================================================================
.s-block {
  padding: 5rem;

  background-color: rgba($bp-background-color-dark, 0.1);

  > * {
    height: 30rem;
  }
}