extend does not work on a selector which has a variable (not extending a selector with a variable)
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 17k
- Forks
- 3.4k
- Avg merge
- 7h 42m
- Merged PRs (30d)
- 26
Description
I understand from the docs that extends can't be used to extend a selector with a variable in it, but it is supposed to be able to be attached to an interpolated selector, according to the docs.
Using the exact code in the docs:
.bucket {
color: blue;
}
@{variable}:extend(.bucket) {}
@variable: .selector;
I am getting the result
.bucket {
color: blue;
}
not the expected (and documented) result
.bucket, .selector {
color: blue;
}
I've verified this using the http://lesscss.org/less-preview/ playground, so it isn't something weird about my install or configuration.
Contributor guide
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 reproducing the documented interpolated-selector extend example in the Less preview playground and compare the actual output with the documented output. Trace the selector interpolation and extend handling, then confirm the fix produces the expected combined selector output.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 42/100