Root

Unidad de medida

Usamos la unidad relativa rem fijado explícitamente en font-size 16px como unidad absoluta (padre), de él obtenemos todos nuestros diferentes tamaños para tipografías y textos.

Layout

Shared Design System

Tipografía

Estilos

Textos

Layouts

	scss	rem	Valor final
012	$s012	0.125rem1	2px
025	$s025	0.25rem	4px
033	$s033	0.3125rem1	5px
050	$s050	0.5rem	8px
066	$s066	0.625rem1	10px
075	$s075	0.75rem	12px
100	$s100	1rem	16px
125	$s125	1.25rem	20px
150	$s150	1.5rem	24px
175	$s175	1.75rem	28px
200	$s200	2rem	32px
225	$s225	2.25rem	36px
250	$s250	2.5rem	40px
300	$s300	3rem	48px
325	$s325	3.25rem	52px
350	$s350	3.5rem	56px
375	$s375	3.75rem	60px
400	$s400	4rem	64px
450	$s450	4.5rem	72px
500	$s500	5rem	80px
550	$s550	5.5rem	88px
600	$s600	6rem	96px
700	$s700	7rem	112px
800	$s800	8rem	128px

Todo estos valores son estáticos por lo que no cambian si cambia el breakpoint o el layout mode en Figma.