Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Using hsl() in CSS errors when trying to do calculation on output values #39

Open
DJBunge opened this issue Oct 21, 2024 · 3 comments
Open

Comments

@DJBunge
Copy link

DJBunge commented Oct 21, 2024

Installed product versions

  • Visual Studio: Community 2022 Version 17.11.5
  • This extension: 2.9.11

Description

When using hsl() in CSS file, trying to adjust one of the output values causes file to not minify.

Steps to recreate

Inside of a CSS file, put the following:

:root {
  --blueHSL: hsl(from hsl(200deg 50% 10%) h s calc(l + 50))  ;
  --blueHSL: hsl(from #24255b h s calc(l + 50)) ;
}

Current behavior

Multiple errors output to Error List as seen in attachment.

ErrorList

Expected behavior

The internal "calc(l + 50)" should be output as-is in the minified CSS. The line works when I use the non-minified CSS file, so it seems that the issue is with the minification logic.

@failwyn
Copy link
Owner

failwyn commented Jan 9, 2025

This sounds like an issue with NUglify.

I'm testing a new version today, with the latest version of NUglify, if it's not fixed in that version, would you mind creating a test for NUglify, adding an issue to that github repository, and linking it here so that I can look into fixing it?

@DJBunge
Copy link
Author

DJBunge commented Jan 9, 2025 via email

@failwyn
Copy link
Owner

failwyn commented Jan 9, 2025

This looks like an issue with NUglify, I'll look into what it would take to fix.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants