// ============================================================================
// :: Box
// ============================================================================
/**
 * Box component used to create container blocks around content
 */

// ============================================================================
// :: Root
// ============================================================================
.l-block {
  @extend %__block-base;
}

.l-block-grey {
  @extend %__block-grey;
}

.l-block-grey-mobile {
  @extend %__block-grey-mobile;
}

.l-block-shadow-mobile {
  @extend %__block-shadow-mobile;
}