Fluid Webflow without leaving the Designer

Webflow has no build step of its own. Compile EVA CSS ahead of time, load it as Custom Code, then type var(--XX) directly into any size, spacing or color field.

What you need

A compiled stylesheet

$build-class: false

Variables only — Webflow already has its own class system, you just need the fluid var(--XX) and OKLCH color custom properties.

Somewhere to host it

CDN / repo

Custom Code can link to an external stylesheet, or you can inline it directly if it stays small.

Project Settings access

Custom Code

You need permission to edit the site-wide head code — Designer or Site plan owner.

Workflow

Step 1

Compile EVA variables

$build-class: false — a lean :root block of fluid var(--XX) and OKLCH color variables, nothing else.

@use 'eva-css-fluid' with (
  $sizes: (4, 8, 16, 32, 64, 128),
  $font-sizes: (14, 16, 20, 24, 32),
  $build-class: false
);

Step 2

Host or inline it

Push the compiled CSS to a CDN/repo URL, or paste it inline inside a