// ============================================================================
// :: Header
// ============================================================================
/**
 * Scope defined especially for the visual representation of a header
 */

// ============================================================================
// :: Root
// ============================================================================
// .s-header {}

// ============================================================================
// :: Modifiers
// ============================================================================
.s-header--inverted {
  padding: 5rem 0;

  background-color: $bp-background-color-medium;
}