Re: [csswg-drafts] [css-mixins-1] A var()-based model for mixin parameters (#12927)

I think some concept of lexical inheritance is unavoidable for mixins, but maybe I am misunderstanding the details of this proposal. How would the following desugar?

```html
<style>
@mixin --two-divs-in(--col) {
  & > div > div {
    color: var(--col)
  }
}

.two-in-red {
  @apply --two-divs-in(red);
}

.two-in-green {
  @apply --two-divs-in(green);
}
</style>
<div class="two-in-red">black
  <div class="two-in-green">black
    <div>Am I red?
      <div>Am I green?</div>
</div></div></div>
```

That one is possible with the current implementation.

Also, the spec has a `--triple-border` example which has a `:has(&)` selector which would not inherit any vars; do we want to make it possible to propagate vars out as well as in? 


-- 
GitHub Notification of comment by EricSL
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12927#issuecomment-3390047141 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 10 October 2025 13:16:59 UTC