--qp-page-header__hero-content-background | Quail Pages

Theme

Derives page header hero content background from the primary foreground color so translucent surface contrast stays synchronized with the palette.

Value

linear-gradient(0deg, color-mix(in srgb, #111827 88%, transparent), color-mix(in srgb, #111827 8%, transparent))

Ownership

Kind: Layout
Key: PageHeader

Family

Variable Type: Derived
Design Type: Color
Derived From: --qp-text-color
Design Root: --qp-text-color

Dependencies

Depends On: --qp-text-color

Usage

Consumed By: styles/page-header.css

CSS Properties

background — Valid syntax: <bg-layer>#? , <final-bg-layer>

Source

Canonical Source: variables.css