brp (_mediaqueries.scscs)

Tipo: Mixin

Versión: 2.x.x

Crea una media query basada en el ancho del viewport. Por defecto genera una condición max-width, útil para aplicar estilos hasta un punto de corte específico.

También puede generar una condición min-width cambiando el parámetro type. El contenido enviado al mixin se imprime dentro de la media query resultante.

Interface

@mixin brp($punto, $type: max, $units: px, $means: screen);

Parámetros secuenciales

Parámetro	Tipo	Default	Descripción
punto	Number	-	Define el valor numérico usado en la condición de ancho.
type	String	max	Define si la condición será max-width o min-width.
units	String	px	Define la unidad aplicada cuando el punto no tiene unidad.
means	String	screen	Define el media type usado después de only.

Sintaxis alternativa (map)

@include brp((
    point: 768,
    type: max,
    unit: px,
    media: screen
)) { ... }

Clave	Tipo	Default	Descripción
point \| p	Number	-	Define el límite de ancho.
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 consulta.

Ejemplo

Ejemplo 1: SCSS

Ejemplo 1: CSS generado

Ejemplo 1: HTML

<div class="example_brp">Ejemplo brp</div>

Resultado

Ejemplo brp