--qp-page-header-panel-inline-size | Quail Pages

Theme

Calculates page header panel inline size from the base spatial rhythm to preserve equal responsive edge insets.

Value

calc(100% - (1rem * 2))

Ownership

Kind: Layout
Key: PageHeader

Family

Variable Type: Derived
Design Type: Size
Derived From: --qp-space-md
Design Root: --qp-space-md

Dependencies

Depends On: --qp-space-md

Usage

Consumed By: styles/page-header.css

CSS Properties

width — Valid syntax: auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>

Source

Canonical Source: variables.css