Se você está se perguntando por que deve usar rem
tamanhos de fonte em vez de px
um em
, pode ler aqui e aqui . Esta é uma dica simples para compartilhar um mixin SASS que uso para imprimir tamanhos de fonte.
html
font-size: 62.5% //This way, 1rem = 10px, making it easier to define my text-sizes through the document
@mixin fontsize($size)
font-size: $size * 1px
font-size: $size * 0.1rem
Depois, basta declarar o tamanho da fonte usando o mixin include
body
font-family: Tahoma;
@include fontsize(16) //This will render a font 16px or 1.6rem tall;
Este código também está no github
🙂