--qp-section-inline-size | Quail Pages

Theme

Calculates section inline size from the base spatial rhythm to preserve equal responsive edge insets.

Value

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

Ownership

Kind: Layout
Key: PageSection

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/modal.css, styles/page-section.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

Scoped Definitions

.qp-toc__section → 100% in styles/toc.css