Looks like a great utility, but the output css isn't very compact. For example,<p><pre><code> ul li:nth-child(1) {
background: red
}
ul li:nth-child(2) {
background: red
}
ul li:nth-child(3) {
background: red
}
</code></pre>
should just be<p><pre><code> ul li:nth-child(1),
ul li:nth-child(2),
ul li:nth-child(3) {
background: red
}
</code></pre>
Also, it's not very clear how to download the family.scss file, it's buried deep in an oddly named subfolder in the repo.
I'm not sure who/why somebody would use this library when it is fairly easy to write these selectors using just CSS (for most use cases anyway).
For anyone else searching, the actual file is <a href="https://github.com/LukyVj/family.scss/blob/master/source/src/family.scss" rel="nofollow">https://github.com/LukyVj/family.scss/blob/master/source/src...</a>
Hey, great work. I don't have a personal use for this but for designers building a lot of static sites, it could be nice. I will say that you can achieve the same effect using classes with less bloat in your compiled CSS.