css icon indicating copy to clipboard operation
css copied to clipboard

🐞 clamp() function does not work correctly

Open rundezv opened this issue 1 year ago • 1 comments

Description

If specified normally, an empty style is generated.

<p class="font-size:clamp(1.5rem,2vw+1rem,2.25rem)">...</p>
.font-size\:clamp\(1\.5rem\,2vw\+1rem\,2\.25rem\) {}

When I wrap it with the calc() function, it works fine.

<p class="font-size:clamp(1.5rem,calc(2vw+1rem),2.25rem)">...</p>
.font-size\:clamp\(1\.5rem\,calc\(2vw\+1rem\)\,2\.25rem\) {
  font-size: clamp(1.5rem, 1rem + 2vw, 2.25rem);
}

Reproduction

No response

System Informations

No response

rundezv avatar Jun 12 '24 09:06 rundezv

@takamoso Confirmed it was a bug.

We have to normalize font:clamp(1.5rem,2vw+1rem,2.25rem) into a valid format font:clamp(1.5rem,2vw + 1rem,2.25rem) for CSS.

Will fix it later, thanks.

1aron avatar Jun 12 '24 10:06 1aron