Skip to content

Fix interpolated selector :extend example#638

Open
Hashim1999164 wants to merge 1 commit into
less:masterfrom
Hashim1999164:fix/4326-extend-interpolated-selector-docs
Open

Fix interpolated selector :extend example#638
Hashim1999164 wants to merge 1 commit into
less:masterfrom
Hashim1999164:fix/4326-extend-interpolated-selector-docs

Conversation

@Hashim1999164

@Hashim1999164 Hashim1999164 commented Jul 22, 2026

Copy link
Copy Markdown

Summary

  • Corrects the Selector Interpolation with Extend example that used @{variable}:extend(.bucket) {}, which does not extend the resolved selector.
  • Documents the working nested &:extend form and notes the non-working attached form.
  • Fixes less/less.js#4326.

Test plan

  • Compared both forms with lessc 4.8.0: attached :extend on @{variable} does not add .selector; nested &:extend does.
  • Confirm the updated example renders correctly on lesscss.org after docs deploy.

The docs showed @{variable}:extend(.bucket) {}, which does not extend
the resolved selector. Use nested &:extend instead. Fixes less/less.js#4326.
@coderabbitai

coderabbitai Bot commented Jul 22, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 5b587e6f-70c9-4d9e-b2ee-a784e919839e

📥 Commits

Reviewing files that changed from the base of the PR and between b5d22e8 and 75d8150.

📒 Files selected for processing (1)
  • content/features/extend.md

📝 Walkthrough

Walkthrough

The documentation for selector interpolation with extend now shows &:extend(.bucket) nested inside the interpolated selector block. It updates the Less example and compiled CSS output, and explicitly states that @{variable}:extend(.bucket) {} does not currently extend the interpolated selector.

Estimated code review effort: 1 (Trivial) | ~3 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly summarizes the docs fix for the interpolated selector :extend example.
Description check ✅ Passed The description matches the documentation change and references the linked issue accurately.
Linked Issues check ✅ Passed The updated example uses nested &:extend and documents the correct compiled CSS and late interpolation behavior.
Out of Scope Changes check ✅ Passed The change appears limited to the requested documentation fix with no unrelated edits.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Documentation error. Please fix it.

1 participant