brph (_mediaqueries.scscs)

Tipo: Mixin

Versión: 2.x.x

Crea una media query basada en la altura del viewport. Por defecto genera una condición max-height.

Es útil para adaptar interfaces cuando el espacio vertical disponible cambia, sin depender de la orientación del dispositivo.

Interface

@mixin brph($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 altura.
type String max Define si la condición será max-height o min-height.
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 brph((
    point: 700,
    type: max,
    unit: px,
    media: screen
)) { ... }
ClaveTipoDefaultDescripción
point | pNumber-Define el límite de altura.
type | tKeywordmaxSelecciona min-height o max-height.
unit | units | uStringpxDefine la unidad para un número 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_brph">Ejemplo brph</div>

Resultado

Ejemplo brph