Got error when use clamp function css

[mrtuvn]

error evaluating function clamp Notice: Object of class Less_Tree_Dimension could not be converted to int in /var/www/html/vendor/wikimedia/less.php/lib/Less/Functions.php on line 33

https://developer.mozilla.org/en-US/docs/Web/CSS/clamp

[dimasch]

The same.

[jamie-selesti]

Same here, we use this library as its bundled with Magento's official framework

[mrtuvn]

Also I can't use min or max function too
https://developer.mozilla.org/en-US/docs/Web/CSS/min

[Gappa]

One way to get it working is to escape the whole function:

• property: ~"clamp(10px, 5vw, 100px)";
• property: ~"clamp(var(--css-variable), 5vw, 100px)";
• property: ~"clamp(@{lessVariable}, 5vw, 100px)";

[Krinkle]

I supected that this was due to upstream only supporting it after Less.js 2.5.3, but looks like it does work correctly upstream on our current reference version:

http://lesscss.org/less-preview/#eyJjb2RlIjoieCB7XG4gIHdpZHRoOiBjbGFtcCgxMHB4LCA1dncsIDEwMHB4KTtcbn0iLCJhY3RpdmVWZXJzaW9uIjoiMi41LjMifQ==

Thus confirming as bug rather than feature request. (I know it feels like a bug either way, but less.php aims to offer parity with less.js, so matching behaviour would be expected.)

[mrtuvn]

Workarounds like Gappa's comment worked for me. Thanks for this advices of custom variables

report another fail while some works.
container queries also broken

LESS

@container some_container_name (min-width: 768px) {
  /// some code
}

Result got ParseError: Unexpected input

[Krinkle]

Imported to our own issue tracker, fix in progress: https://phabricator.wikimedia.org/T363728.

[Krinkle]

Released in v4.4.0. https://github.com/wikimedia/less.php/blob/v4.4.0/CHANGES.md