brpwh (_mediaqueries.scscs)

Tipo: Mixin

Versión: 2.x.x

Crea una media query que combina condiciones de ancho y alto. Por defecto usa max-width y max-height con los puntos de corte recibidos.

El parámetro type permite combinar límites máximos y mínimos para cubrir casos donde importan las dos dimensiones del viewport.

Interface

@mixin brpwh($puntow, $puntoh, $type: max, $units: px, $means: screen);

Parámetros secuenciales

Parámetro Tipo Default Descripción
puntow Number - Define el valor numérico usado en la condición de ancho.
puntoh Number - Define el valor numérico usado en la condición de altura.
type String max Define la combinación de condiciones: max, min, maxmin o minmax.
units String px Define la unidad aplicada a los puntos sin unidad.
means String screen Define el media type usado después de only.

Sintaxis alternativa (map)

@include brpwh((
    width: 1200,
    height: 800,
    type: maxmin,
    unit: px,
    media: screen
)) { ... }
ClaveTipoDefaultDescripción
width | wNumber-Define el límite de ancho.
height | hNumber-Define el límite de altura.
type | tKeywordmaxCombina límites max, min, maxmin o minmax.
unit | units | uStringpxDefine la unidad para dimensiones sin unidad.
media | means | mKeywordscreenDefine el media type de la consulta.

Ejemplo

Ejemplo 1: SCSS



            

Ejemplo 1: CSS generado



            

Ejemplo 1: HTML

<div class="example_brpwh">Ejemplo brpwh</div>

Resultado

Ejemplo brpwh