LukyVj/family.scss

Health v2 · maintenance only

Adoption not part of the score

2284 stars · 126 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Family.scss is a set of 26 Sass mixins that simplify styling :nth-child selectors, such as first(3), last(3), between(3,6), and quantity queries like at-least(5). It compiles mixins into plain CSS nth-child rules and is installable via npm, Bower, or RubyGems.

Use cases

• style the first N items of a list without writing nth-child selectors
• target every third element in a grid or list
• apply styles to elements between two positions in a container
• write quantity queries like style only if there are at least 5 items
• target middle or all-but-first-last children easily
• generate even/odd and between-range child selectors in Sass

When to choose

• you use Sass/SCSS and frequently write complex :nth-child selectors
• you want readable, semantic mixins instead of hand-computed nth-child formulas
• you need quantity-query mixins for element-count-dependent styling

When to avoid

• you don't use a CSS preprocessor (modern CSS :nth-child and :has may suffice)
• your project uses Stylus or another preprocessor without a port
• you need actively developed tooling with frequent updates

Facets

library · maturity maintenance

ui-components css-framework frontend web-development web-design sass scss mixins nth-child css-selectors quantity-queries web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="LukyVj/family.scss")