Site header

--qp-surface-padding-inline

--qp-surface-padding-inline

Theme

Choose the default responsive inline safe area inside major QP surfaces.

Value

clamp(1rem, 4vw, 2rem)

Ownership

  • Kind: Core System
  • Key: Core

Family

  • Variable Type: Root
  • Design Type: Spacing
  • Inherited Children: --qp-footer__section-padding-inline, --qp-page-header__hero-panel-padding-inline, --qp-section__surface-padding-inline, --qp-site-header-padding-inline

Usage

  • Consumed By: variables.css

Source

  • Canonical Source: variables.css