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

gulp-csscomb hangs on SCSS compilation with modern media query syntax #46

Open
Alecto opened this issue Nov 25, 2024 · 0 comments
Open

Comments

@Alecto
Copy link

Alecto commented Nov 25, 2024

Hello,

I encountered an issue where gulp-csscomb causes the Gulp process to hang when working with SCSS files that use modern media query syntax with logical operators (<=, >=). The compilation works fine if I comment out the csscomb step, so it seems that the issue lies with this plugin.

Here is a minimal example of SCSS that causes the problem:

@media (768px <= width <= 991.8px) {
  .example {
    color: red;
  }
}

Environment:

  • Node.js version: XX.X.X
  • Gulp version: 5.0.0
  • gulp-csscomb version: 3.1.0
  • Sass version: 1.75.0 (Dart Sass)

Steps to Reproduce:

  1. Add the above SCSS code to your project.
  2. Use gulp-csscomb in the Gulp pipeline.
  3. Run the Gulp task, and observe that the process hangs indefinitely.

Expected Behavior:
The SCSS file should be processed without any issues.

Actual Behavior:
The Gulp process hangs and does not complete.

Workaround:
Disabling the gulp-csscomb step resolves the issue, but it is not an ideal solution.

Additional Context:
It seems that csscomb does not yet support modern SCSS syntax, particularly logical operators in media queries. Could you please provide an update or guidance on how to proceed?

Thank you for your help!
image
image

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

1 participant