font (_base.scscs)

Tipo: Mixin

Versión: 2.x.x

Permite configurar propiedades de tipografía como tamaño, familia, peso, estilo, line-height y variant. Ahora soporta dos formas de uso: pasando parámetros individuales o un mapa con las claves size | s, family | f, weight | w, style, line-height | lh y variant | v.

Interface

@mixin font($size: 1em, $family: "sans-serif", $weight: normal, $style: normal, $line-height: "none", $variant: normal);

Sintaxis alternativa (map)

@include font((
    size: 1em,
    family: "sans-serif",
    weight: normal,
    style: normal,
    line-height: "none",
    variant: normal
));

Parámetros secuenciales

Parámetro	Tipo	Default	Descripción
size	String	1em	Define la propiedad font-size.
family	String	"sans-serif"	Define la propiedad font-family.
weight	String \| Number	normal	Define la propiedad font-weight.
style	String	normal	Define la propiedad font-style.
line-height	String \| Number	"none"	Define la propiedad line-height cuando su valor es distinto de "none".
variant	String	normal	Define la propiedad font-variant.

Sintaxis map

Clave	Tipo	Default	Descripción
size \| s	String	1em	Define la propiedad font-size.
family \| f	String	"sans-serif"	Define la propiedad font-family.
weight \| w	String \| Number	normal	Define la propiedad font-weight.
style	String	normal	Define la propiedad font-style.
line-height \| lh	String \| Number	"none"	Define la propiedad line-height cuando su valor es distinto de "none".
variant \| v	String	normal	Define la propiedad font-variant.

Ejemplo

Tipografía con parámetros individuales

Tipografía usando map

<p class="font_example_params">Tipografía con parámetros individuales</p>
<p class="font_example_map">Tipografía usando map</p>