drewminns / qqui

A site devoted to Quantity Queries

QQUI

A tool designed to help build and understand Quantity Queries.

http://quantityqueries.com

Built with React, PostCSS and Babel.

❤️

qqui's Issues

Odd and even

Hi!

Is it possible to have odd (2n+1) and even (2n) queries?

Thank you!

At-Least/At-Most generates faulty query

The second selector's nth-last-child has a (faulty) negative 'n' value.

The generated code is

div:nth-last-child(n+2):nth-last-child(-n+4):first-child, 
div:nth-last-child(-n+2):nth-last-child(-n+4):first-child ~ div { }

but should be

div:nth-last-child(n+2):nth-last-child(-n+4):first-child, 
div:nth-last-child(n+2):nth-last-child(-n+4):first-child ~ div { }

Validated this against QQ's source code.

Enhancement: Add options for additional operators

div:nth-last-child(8):first-child,
div:nth-last-child(8):first-child ~ div {
  /* Exactly 8 */
}

div:nth-last-child(n+8):nth-last-child(-n+12):first-child,
div:nth-last-child(n+8):nth-last-child(-n+12):first-child ~ div {
  /* At least 8 and at most 12 */
}

div:nth-last-child(-n+7):first-child,
div:nth-last-child(-n+7):first-child ~ div {
  /* Less than 8 */
}

div:nth-last-child(-n+8):first-child,
div:nth-last-child(-n+8):first-child ~ div {
  /* Less than or equal to 8 */
}

div:nth-last-child(n+9),
div:nth-last-child(n+9) ~ div {
  /* More than 8 */
}

div:nth-last-child(n+8),
div:nth-last-child(n+8) ~ div {
  /* More than or equal to 8 */
}