- From: Tobi Reif via GitHub <sysbot+gh@w3.org>
- Date: Fri, 13 Apr 2018 10:48:40 +0000
- To: public-css-archive@w3.org
In a recent project
https://tobireif.com/demos/grid/
I had to write ".layout1" many times:
```
.layout1 .page {
grid-template-rows: repeat(3, auto) 1fr;
grid-template-columns: 1.14fr 1fr;
}
.layout1 .page .heading {
grid-row: 2;
grid-column: 1;
}
/* many more times */
```
Having something like Sass's Nesting
https://sass-lang.com/guide#topic-3
would allow me to write the string ".layout1" only once (ditto for the string ".layout2" and ".layout3").
Regarding https://tabatkins.github.io/specs/css-nesting/ :
I think I'd prefer a syntax like that of Sass
https://sass-lang.com/guide#topic-3
where it's not necessary to add the ampersand.
--
GitHub Notification of comment by tobireif
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/998#issuecomment-381098863 using your GitHub account
Received on Friday, 13 April 2018 10:48:44 UTC