Media queries (_mediaqueries.scss)

Tipo: Referencia

Versión: 2.x.x

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.

Clasificación de mixins

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