Skip to content

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

Description

@Alecto

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions