# eduardoboucas/include-media

📐 Simple, elegant and maintainable media queries in Sass

Repository: https://github.com/eduardoboucas/include-media
Canonical: https://ross.abutalabs.com/products/include-media
Homepage: https://eduardoboucas.github.io/include-media/
Language: SCSS
License: MIT
License Family: permissive
Topics: sass, scss, mediaquery, breakpoint
Last push: 2026-05-18T16:35:21+00:00

## Health v2 (maintenance only)
Score: 60/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 83, release rhythm 8, longevity 100
- inputs: {"age_days": 4269, "days_push": 107, "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 2570, forks 187 (observed 2026-08-28T04:07:01.391987+00:00)

## What it is
include-media is a Sass library for writing CSS media queries with a simple, natural syntax. It provides a media() mixin with expressive operators, customizable breakpoint maps, and support for mixing named breakpoints with case-specific values.

## Use cases
- write maintainable media queries in Sass
- define responsive breakpoints with a simple syntax
- mix named breakpoints with one-off pixel values
- handle CSS OR operator in media queries
- make responsive layouts easier to maintain

## When to choose
- your project uses Sass/dart-sass and needs clean breakpoint handling
- you want expressive media query operators like >phone, <=tablet
- you need dynamic, customizable breakpoint maps

## When to avoid
- your project doesn't use a Sass compiler
- you use lib-sass or ruby-sass instead of dart-sass
- you prefer plain CSS media queries or a full CSS framework like Tailwind

## Facets
- artifact type: library
- maturity: stable
- function: css-framework, ui-components
- domain: frontend, web-development, web-design
- platform: cross-platform
- tags: sass, scss, media-queries, breakpoints, responsive-design, css-preprocessor, nodejs, web-server

## Member repositories
- eduardoboucas/include-media (main) score 60

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:01.391987+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:23:19.274009+00:00, confidence not recorded.
  - readme: https://github.com/eduardoboucas/include-media (fetched 2026-08-28T04:07:01.391987+00:00, sha 79494568f365)
  - homepage: https://eduardoboucas.github.io/include-media/ (fetched 2026-08-29T10:05:37.657459+00:00, sha a99bf723ee7c)
- Data as of 2026-08-30T08:39:29.467469+00:00.