Ao desenvolver sites responsivos, é importante usar uma unidade não absoluta. Em é perfeito para isso, pois é relativo ao tamanho da fonte de base. Se, como eu, você cresceu usando PX e acha difícil pensar puramente em em, então esta função é para você!
@function em($target, $context: $baseFontSize) {
@if $target == 0 { @return 0 }
@return $target / $context + 0em;
}
// Uso: </p>
“ `
h1 {
font-size: em(50px, 18px);
}
“ `