equal-widths()

[dbox]

@Jenius feel free to veto this. Here's another thing I use all the time in my mixins based on this idea:

http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/

My mixin isn't super portable at the moment but I could probably write it to be, but I may need some help.

Let me know if you want it.

@abstracthat you ever use anything like this?

[zspecza]

@dbox I actually like the syntax used in postcss-quantity-queries a whole lot. You can do stuff like .some-selector:at-least(3) or .some-selector:exactly(4) or .some-selector:at-most(2). Perhaps the same grammar can be applied to Stylus mixins:

.some-selector
  +exactly(4)
    color: blue

[dbox]

@declandewet That'd be great. Think it is possible? I was originally thinking of some rewrite first comment on that page i sent:

sass:

@for $i from 1 through 4 {
  li:first-child:nth-last-child(#{$i}),
  li:first-child:nth-last-child(#{$i}) ~ li {
    width: 100% / #{$i} } } 

Where you'd pass variables for li and the number.

[dbox]

But clearly your approach would be way more flexible. Just don't think I could write that.

[jescalan]

I think this would be a nice axis module as well. It's small enough that I feel like it doesn't warrant an entirely separate library, but still a nice little utility

[abstracthat]

That would be an awesome mixin. It looks easy enough to adapt based on the thorough documentation at https://github.com/pascalduez/postcss-quantity-queries#api.

[dbox]

@abstracthat you want to take a stab at it?

[abstracthat]

at-least(count = 3)
  &:nth-last-child(n+count),
  &:nth-last-child(n+count) ~ li
    {block}

[dbox]

li should be passed as variable too right?

[abstracthat]

I don't think so. You would use it on your ul > li as a block mixin, pass your styles underneath.

[abstracthat]

I think this would work for the four in that library. Thanks @declandewet for mentioning that excellent library.

at-least(count = 4)
  &:nth-last-child(n+count)
  &:nth-last-child(n+count) ~ li
    {block}

at-most(count = 4)
  &:nth-last-child(-n+count):first-child
  &:nth-last-child(-n+count):first-child ~ li
    {block}

between(start, end)
  &:nth-last-child(n+start):nth-last-child(-n+end):first-child
  &:nth-last-child(n+start):nth-last-child(-n+end):first-child ~ li
    {block}

exactly(count)
  &:nth-last-child(4):first-child
  &:nth-last-child(4):first-child ~ li
    {block}

[dbox]

what if you wanted to use it on something besides lis ?

[dbox]

that was quick. :)

[abstracthat]

that's what & is picking up.

[abstracthat]

I'll draft the PR to a branch, if you want to add tests / doc for it. I'm a little short on time for that currently.

[dbox]

yeah, definitely. I guess i'm still confused about the li at the end of the second line. Isn't that hardcoded?