--qp-sticky-tray-compact-max-width | Quail Pages

Theme

Calculates sticky tray compact max width from the small spatial rhythm to preserve viewport clearance.

Value

min(24rem, calc(100vw - (calc(1rem * .5) * 2)))

Ownership

Kind: Layout
Key: StickyTray

Family

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

Dependencies

Depends On: --qp-space-sm

Usage

Consumed By: styles/sticky-tray.css

CSS Properties

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

Source

Canonical Source: variables.css