mbr (_mediaqueries.scscs)

Tipo: Mixin

Versión: 2.x.x

Crea múltiples breakpoints de ancho usando números, mapas o una mezcla de ambos. En cada iteración ejecuta el contenido recibido y entrega el índice actual mediante @content($index).

Es útil cuando varias propiedades cambian siguiendo listas paralelas de valores. Normalmente se combina con list.nth() para obtener el valor correspondiente a cada breakpoint.

Interface

@mixin mbr($points...) using ($index);

Parámetros secuenciales

Parámetro	Tipo	Default	Descripción
points	Arglist	-	Define los puntos de corte usados para generar media queries de ancho.
index	Number	-	Expone el índice actual del breakpoint dentro del bloque using.

Sintaxis alternativa (map)

@include mbr((
    point: 1200,
    type: max,
    unit: px,
    media: screen
)) using ($index) { ... }

Clave	Tipo	Default	Descripción
point \| p	Number	-	Define el límite de ancho de la iteración.
type \| t	Keyword	max	Selecciona min-width o max-width.
unit \| units \| u	String	px	Define la unidad para un número sin unidad.
media \| means \| m	Keyword	screen	Define el media type de la iteración.

Ejemplo

Ejemplo 1: SCSS

Ejemplo 1: CSS generado

Ejemplo 1: HTML

<div class="example_mbr">Ejemplo mbr</div>

Resultado

Ejemplo mbr