brpp (_mediaqueries.scscs)

Tipo: Mixin

Versión: 2.x.x

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

Usa este mixin cuando un ajuste depende de la altura disponible en pantallas verticales. El contenido enviado al mixin queda dentro de la regla @media.

Interface

@mixin brpp($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 brpp((
    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_brpp">Ejemplo brpp</div>

Resultado

Ejemplo brpp