No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Tamanho

O sistema todo tem na base de seu css o tamanho padrão de 10px para o font-size, caso escolha em algum momento utilizar a unidade de medida rem é importante saber que o valor utilizado como base será o padrão de 10px.

O valor de 10px foi escolhido por ser um valor exato e permitir que cálculos de tamanhos de font-size sejam realizados de forma mais simples, segue uma tabela com alguns exemplos:

font-size em remfont-size obtido em px
1.2rem12px
1.1rem11px
1rem10px
0.9rem9px
0.8rem8px
0.7rem7px
0.6rem6px
0.5rem5px
0.4rem4px
0.3rem3px
0.2rem2px
0.1rem1px

Logo, conforme a tabela demonstra se desejar utilizar uma font-size de 16px basta utilizar o valor 1.6rem, isso facilita o cálculo.

Além disso, é possível mudar o tamanho de todas as fontes do sistema sem perder o padrão de diferença entre elas, alterando apenas o valor do font-size padrão utilizado como base.