# LukyVj/family.scss

Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy way.

Repository: https://github.com/LukyVj/family.scss
Canonical: https://ross.abutalabs.com/products/familyscss
Homepage: http://lukyvj.github.io/family.scss
Language: SCSS
License: MIT
License Family: permissive
Topics: sass, css, nth-order
Last push: 2023-04-12T07:32:54+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3756, "days_push": 1239, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2284, forks 126 (observed 2026-08-28T04:06:33.986534+00:00)

## What it is
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
- artifact type: library
- maturity: maintenance
- function: ui-components, css-framework
- domain: frontend, web-development, web-design
- platform: -
- tags: sass, scss, mixins, nth-child, css-selectors, quantity-queries, web-server, nodejs

## Member repositories
- LukyVj/family.scss (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:33.986534+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:41:05.522636+00:00, confidence not recorded.
  - readme: https://github.com/LukyVj/family.scss (fetched 2026-08-28T04:06:33.986534+00:00, sha 6f444adfd396)
  - homepage: http://lukyvj.github.io/family.scss (fetched 2026-08-29T10:21:19.967335+00:00, sha 59b7d9cc6f34)
- Data as of 2026-08-30T08:39:29.467469+00:00.