--qp-video-max-inline-size | Quail Pages

Theme

Calculates Video width from its authored maximum height using the standard widescreen proportion.

Value

calc(min(80vh, 50rem) * 1.7778)

Ownership

Kind: Rendered Content
Key: Video

Family

Variable Type: Derived
Design Type: Size
Derived From: --qp-video-max-height
Design Root: --qp-video-max-height

Dependencies

Depends On: --qp-video-max-height

Usage

Consumed By: styles/video.css
CSS Fallbacks: 100% in styles/video.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-video--9x16 → calc(var(--qp-video-max-height) * .5625) in styles/video.css
.qp-video--4x3 → calc(var(--qp-video-max-height) * 1.3333) in styles/video.css
.qp-video--1x1 → var(--qp-video-max-height) in styles/video.css