Skip to content

Native CSS @function fluid helper (--fluid()) when cross-engine support lands #539

Description

@jackgranatowski

Problem

The whole fluid scale is built in, but there's no ergonomic way to mint a one-off fluid value (a specific clamp() between two sizes) without hand-writing it. This is the main DX gap in the functions area. (Already noted under roadmap "Under consideration".)

Scope

  • When CSS @function has cross-engine support, ship an optional/functions.css exposing --fluid(min, max) (and friends) built on our fluid inputs.
  • Until then, document the clamp() recipe on our knobs as the interim.

Acceptance

  • Documented interim clamp() recipe now
  • --fluid() (+ friends) shipped once @function support allows

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions