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.
@mixin tf($attr: (
 align: left,
 transform: initial,
 decoration: initial,
 wrap: initial,
 size: 1em,
 family: "sans-serif",
 weight: normal,
 style: normal,
 line-height: "none",
 variant: normal
));
| 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 | 1em | 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. |
TF usando map
<p class="tf_example_map">TF usando map</p>