Skip to content

Computational css doesn't resolve without brackets with esbuild-plugin-less #101

@aamiriqubal

Description

@aamiriqubal

This would be good to have

Expected Behavior

It should resolve as

.main-container {
  padding: 0.5rem;
}

Actual Behavior

.main-container {
padding: 1rem/2;
}
image

Steps to Reproduce the Problem

When I write any kind of computational css like below sample

@padding: 1rem

.main-container {
  padding: @padding/2;
}

Though wrapping the statement within ( ) does fix it

Works like this

@padding: 1rem

.main-container {
  padding: (@padding/2);
}

Versions

  • esbuild: 0.19.1
  • esbuild-plugin-less: 1.2.4
  • Platform: node18

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