W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2018

Re: [csswg-drafts] [css-nesting] Conflicts in proposal with Sass/Less

From: Matthew Dean via GitHub <sysbot+gh@w3.org>
Date: Wed, 18 Jul 2018 15:39:43 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-405976278-1531928381-sysbot+gh@w3.org>
And to answer the question of how to handle the above on the pre-processing side, I imagine Less would do something like a compile flag to support nesting and force `&` to be explicit for flattening output. Such that:
```less
.component {
  :hover { a: b; }
  &:hover { a: b; }
}
```
Would produce the following output (with nested output flag on):
```css
.component {
  :hover {
    a: b;
  }
}
.component:hover {
  a: b;
}
```
That's _much_ easier to support than trying to decide which `&`s get kept and which ones get used to flatten output.

-- 
GitHub Notification of comment by matthew-dean
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2937#issuecomment-405976278 using your GitHub account
Received on Wednesday, 18 July 2018 15:39:46 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 18 July 2018 15:39:47 UTC