brpl (_mediaqueries.scscs)

Tipo: Mixin

Versión: 2.x.x

Crea una media query basada en el ancho del viewport y restringida a orientación landscape. Por defecto genera una condición max-width.

Permite separar ajustes para pantallas horizontales sin repetir la estructura completa de la media query.

Interface

@mixin brpl($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 brpl((
    point: 64rem,
    type: max,
    unit: px,
    media: screen
)) { ... }
ClaveTipoDefaultDescripción
point | pNumber-Define el límite de ancho.
type | tKeywordmaxSelecciona min-width o max-width.
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_brpl">Ejemplo brpl</div>

Resultado

Ejemplo brpl