Los mixins de media queries adaptan la interfaz por dimensiones, orientación, interacción, capacidades de pantalla y preferencias del usuario. SISASS mantiene un enfoque desktop-first: los mixins clásicos usan límites máximos de forma predeterminada.
Las dimensiones incluyen ancho, alto y rangos; la orientación cubre portrait y landscape; la interacción incluye hover y pointer; y la API media reúne características de pantalla y preferencias de accesibilidad en una sola consulta. Por su parte, container-query adapta componentes reutilizables según el espacio que les proporciona su contenedor.
| Categoría | Mixins |
|---|---|
| Dimensiones del viewport | brp, brph, brpwh |
| Orientación | brpp, brpl |
| Rangos | media-range |
| Consultas avanzadas | media |
| Consultas de contenedor | container-query |
| Breakpoints múltiples | mbr |