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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions