Fundação - Ajudantes de Tipografia
Neste capítulo, estudaremos sobre Typography Helpers. Os auxiliares de tipografia são usados para formatar seu texto de maneiras semanticamente relevantes. As classes auxiliares no Foundation permitem que você crie alguns estilos tipográficos mais rapidamente.
A tabela a seguir lista os Auxiliares de Tipografia , que são usados no Foundation.
| Sr. Não. | Auxiliar de tipografia e descrição |
|---|---|
| 1 | Alinhamento de Texto Ajuda a mudar o alinhamento do texto do elemento como esquerda , direita , centro e justificar . |
| 2 | Subheader Subcabeçalhos podem ser adicionados a qualquer elemento de cabeçalho usando a classe .subheader . |
| 3 | Parágrafo inicial É um bloco de texto consideravelmente maior em comparação com o texto normal, que pode ser usado para propaganda ou outro texto descritivo. |
| 4 | Lista sem marcadores Por padrão, o <ul> é uma lista com marcadores no Foundation. Para remover os marcadores, você pode usar a classe .no-bullet . |
| 5 | Estatisticas Sempre que estiver lidando com painel, você precisa destacar alguns números importantes. Você pode conseguir isso usando a classe .stat . |
Referência Sass
Variáveis
A tabela a seguir lista as variáveis SASS no arquivo de configurações do projeto que faz com que os estilos padrão do componente sejam personalizados.
| Sr. Não. | Nome e Descrição | Tipo | Valor padrão |
|---|---|---|---|
| 1 | $lead-font-size Tamanho da fonte para parágrafos iniciais por padrão. |
Número | $ global-font-size * 1,25 |
| 2 | $lead-lineheight Altura da linha para o parágrafo inicial por padrão. |
Corda | 1,6 |
| 3 | $subheader-lineheight Altura da linha padrão do subtítulo. |
Número | 1,4 |
| 4 | $subheader-color Cor da fonte padrão do subtítulo. |
Cor | $ cinza escuro |
| 5 | $subheader-font-weight Peso da fonte padrão do subtítulo. |
Corda | $ global-weight-normal |
| 6 | $subheader-margin-top Margem superior padrão do subtítulo. |
Número | 0.2rem |
| 7 | $subheader-margin-bottom Margem inferior padrão do subtítulo. |
Número | 0,5 rem |
| 8 | $stat-font-size Tamanho de fonte padrão do número estático |
Número | 2,5 rem |