Tipografia responsivo com mapas Sass


Tipografia responsivo com mapas Sass

Gerir, ritmo tipográfico consistente não é fácil, mas quando o tipo é sensível, as coisas ficam ainda mais difícil.
 
Felizmente, mapas Sass fazem tipografia responsivo muito mais gerenciável. Escrever o código é uma coisa, mas manter o controle de valores font-size para cada ponto de interrupção é outra - e o acima é para parágrafos sozinho. O lance em h1 a h6, cada um com tamanhos de fonte variáveis ​​para cada ponto de interrupção, torna-se complicado, especialmente quando o tipo não escala linearmente.

Conclusão

Existem várias maneiras de abordar tipografia ágil e verticais em ritmo consistente, e eles não estão limitados a minha sugestão. No entanto, acho que isso funciona para mim mais vezes do que não.

Usando este mixin provavelmente irá gerar consultas de mídia duplicados em seu CSS compilado. Tem havido muita discussão sobre consultas de mídia duplicado com consultas de mídia agrupados, utilizandoextend em vez de mixins, desempenho e tamanho do arquivo; No entanto, os testes concluíram que "a diferença, enquanto feio, é mínima na pior das hipóteses, essencialmente inexistente na melhor das hipóteses."

Eu também percebo que a minha solução não é robusta (não é projetado para lidar com faixas de media-consulta, max-width ou orientação na janela de exibição). Tais características podem ser implementadas no mixin (minha versão pessoal também converte valores de pixel para ems), mas para consultas de mídia complexas, eu prefiro escrever à mão. Não se esqueça que você pode usar o mapa-get função para recuperar valores a partir de mapas existentes.