less / less/less-plugin-clean-css
Border css variable properties are incorrectly removed
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 193
- Forks
- 41
- Avg merge
- 7h 43m
- Merged PRs (30d)
- 2
Description
See the following script:
const less = require('less');
const plugin = require('less-plugin-clean-css');
const P = new plugin({ advanced: true });
const input = '.class {border: 1px solid var(--foo, var(--bar));}';
less.render(input, { plugins: [P] }).then(console.log);
Outputs
{ css: '.class{border:1px solid}', imports: [] }
While it should be
{ css: '.class{border:1px solid var(--foo, var(--bar));}', imports: [] }
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the provided JavaScript reproduction for less-plugin-clean-css with advanced compression enabled. Trace how the plugin processes the border declaration containing nested CSS variables, then verify that the output preserves the var() expressions and matches the expected CSS shown in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend, tooling
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 50/100