sass-mq/sass-mq

Health v2 · maintenance only

Adoption not part of the score

1987 stars · 143 forks observed · 2026-08-28

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

Sass MQ is a Sass mixin library for composing responsive media queries with named breakpoints in an elegant, readable way. It converts px/em breakpoint values into em-based media queries and includes developer helpers like an active-breakpoint indicator.

Use cases

• write responsive media queries in sass with named breakpoints
• convert pixel breakpoints to em-based media queries
• manage breakpoint definitions across a design system
• show the active breakpoint during development
• compose min-width and max-width queries cleanly in scss

When to choose

• you use Sass/SCSS and want clean, reusable breakpoint mixins
• you want em-based media queries for better accessibility and zoom behavior
• you need a lightweight, dependency-free responsive toolkit

When to avoid

• your project uses plain CSS with native media queries or container queries
• you use a CSS-in-JS or utility framework with its own breakpoint system
• you need IE8 or other legacy browser fallbacks

Facets

library · maturity stable

css-framework developer-tools web-development frontend web-design cross-platform sass scss media-queries responsive-design breakpoints mixin nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="sass-mq/sass-mq")