Layout Theme
Layout
Authorable composition choices that determine how QP structures arrange content. Excludes required mechanics, containment, and intrinsic responsive behavior. Enum values are authored vocabulary; System values are framework-owned truths; Roots are independent semantic theme decisions. Derived and Inherited variables remain available through Theme search and linked variable families.
Roots
--qp-card-title-row-justify
Choose how Card titles and optional icons share horizontal space.
0 Derived variables; 0 Inherited variables
flex-start
--qp-menu-mobile-list-display
Choose the layout mode used to compose the open mobile navigation list.
0 Derived variables; 0 Inherited variables
grid
--qp-site-header-justify
Choose how branding, navigation, and actions are distributed across the SiteHeader.
0 Derived variables; 0 Inherited variables
flex-start
--qp-site-header-menu-offset
Choose how the SiteHeader menu is aligned relative to preceding header content.
0 Derived variables; 0 Inherited variables
auto
--qp-sticky-tray-bottom-offset
Reserve space below a bottom-positioned StickyTray.
0 Derived variables; 0 Inherited variables
0px
--qp-sticky-tray-top-offset
Reserve space above a top-positioned StickyTray.
0 Derived variables; 0 Inherited variables
0px
Systems
--qp-sticky-tray-occupied-bottom
Tracks runtime-measured space already occupied at the bottom of the viewport.
0 Derived variables; 0 Inherited variables
0px
--qp-sticky-tray-occupied-top
Tracks runtime-measured space already occupied at the top of the viewport.
0 Derived variables; 0 Inherited variables
0px