Documentation error. Please fix it.
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 17k
- Forks
- 3.4k
- Avg merge
- 7h 42m
- Merged PRs (30d)
- 26
Description
On this page: https://lesscss.org/features/#extend-feature-extend-all
This example does not work:
.bucket { color: blue; }
@{variable}:extend(.bucket) {}
@variable: .selector;
compiles to:
.bucket, .selector { color: blue; }
You need to write it like this:
.bucket { color: blue; }
@{variable} { &:extend(.bucket); }
@variable: .selector;
compiles to:
.bucket, .selector { color: blue; }
As I understand it, LESS treats interpolation as "late binding", so :extend() cannot be applied to a selector that has not yet been formed at the parsing stage.
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
Open the linked Extend all documentation page and locate the example around the reported anchor. Compare the shown interpolation and :extend() forms, then update the documentation example and verify that the rendered page and documented compilation output are correct.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- documentation
- Issue type
- Documentation
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100