tf (_base.scscs)

Tipo: Mixin

Versión: 2.x.x

Mixin combinado para texto y tipografía. Usa los mismos defaults de text y font, pero recibe un solo map con todas las claves.

Este mixin solo acepta sintaxis map. Si se envía un valor distinto de un mapa, genera un error. Admite las claves align | a, transform | t, decoration | d, wrap | wr, size | s, family | f, weight | w, style, line-height | lh y variant | v.

Interface 

@mixin tf($attr: (
    align: left,
    transform: initial,
    decoration: initial,
    wrap: initial,
    size: 1rem,
    family: "sans-serif",
    weight: normal,
    style: normal,
    line-height: "none",
    variant: normal
));

Sintaxis map

Clave Tipo Default Descripción
align | a String left Define text-align.
transform | t String initial Define text-transform.
decoration | d String initial Define text-decoration.
wrap | wr String initial Define text-wrap.
size | s String 1rem Define font-size.
family | f String "sans-serif" Define font-family.
weight | w String | Number normal Define font-weight.
style String normal Define font-style.
line-height | lh String | Number "none" Define line-height cuando su valor es distinto de "none".
variant | v String normal Define font-variant.

Ejemplo

TF sin enviar sus parametros

TF usando map


            


            

                

            


            

                
<p class="tf_map_no params">TF sin enviar sus parametros</p>
<p class="tf_example_map">TF usando map</p>