Fundación - Ayudantes de tipografía
En este capítulo, estudiaremos sobre Typography Helpers. Los ayudantes de tipografía se utilizan para dar formato a su texto de formas semánticamente relevantes. Las clases de ayuda en Foundation le permiten aplicar andamios a algunos estilos tipográficos más rápido.
En la siguiente tabla se enumeran los auxiliares de tipografía que se utilizan en Foundation.
| No Señor. | Ayudante de tipografía y descripción |
|---|---|
| 1 | Alineación del texto
Ayuda a cambiar la alineación del texto del elemento como izquierda , derecha , centro y justificación . |
| 2 | Subencabezado
Los subtítulos se pueden agregar a cualquier elemento de encabezado utilizando la clase .subheader . |
| 3 | Párrafo principal
Es un bloque de texto considerablemente más grande en comparación con el texto normal, que se puede utilizar para publicidad u otro texto descriptivo. |
| 4 | Lista sin viñetas
De forma predeterminada, <ul> es una lista con viñetas en Foundation. Para eliminar las viñetas, puede usar la clase .no-bullet . |
| 5 | Estadísticas
Siempre que se trate de un tablero, debe resaltar algunos números importantes. Puede lograr esto usando la clase .stat . |
Referencia de Sass
Variables
La siguiente tabla enumera las variables SASS en el archivo de configuración del proyecto que hace que los estilos predeterminados del componente se personalicen.
| No Señor. | Nombre y descripción | Tipo | Valor por defecto |
|---|---|---|---|
| 1 |
$lead-font-size Tamaño de fuente de los párrafos iniciales de forma predeterminada. |
Número | $ tamaño-de-fuente-global * 1.25 |
| 2 |
$lead-lineheight Altura de línea para el párrafo inicial de forma predeterminada. |
Cuerda | 1,6 |
| 3 |
$subheader-lineheight Altura de línea predeterminada del subtítulo. |
Número | 1.4 |
| 4 |
$subheader-color Color de fuente predeterminado del subtítulo. |
Color | $ gris oscuro |
| 5 |
$subheader-font-weight Peso de fuente predeterminado del subtítulo. |
Cuerda | $ peso-global-normal |
| 6 |
$subheader-margin-top Margen superior predeterminado del subtítulo. |
Número | 0.2rem |
| 7 |
$subheader-margin-bottom Margen inferior predeterminado del subtítulo. |
Número | 0.5rem |
| 8 |
$stat-font-size Tamaño de fuente predeterminado del número estático |
Número | 2.5rem |