migrating-v4-v5.md

Mixin and sizes migrating v4 to v5

Use this table to help migrate V4 mixins to the new V5 mixin api. If you are unsure about any of the suggested replacements, either speak to a designer or contact the Origami team.

V4 Mixin	V4 size	V4 font-size (px)	V4 line-height (px)	V5 mixin	V5 scale size	V5 font-size (px)	V5 line-height (px)
oTypographySansData	xs	11	13	oTypographySans	-2	12	12
	s	12	14		-2	12	12
	m	14	16		-1	14	16
	l	21	24		2	20	24
	xl	28	32		4	28	32
oTypographySansDataBold	xs	11	13	oTypographySansBold	-2	12	12
	s	12	14		-2	12	12
	m	14	16		-1	14	16
	l	21	24		2	20	24
	xl	28	32		4	28	32
oTypographySansDataItalic	xs	11	13	oTypographySansItalic	-2	12	12
	s	12	14		-2	12	12
	m	14	16		-1	14	16
	l	21	24		2	20	24
	xl	28	32		4	28	32
oTypographySerifDisplay	xs	11	12	oTypographyDisplay	-2	12	12
	s	16	19		0	16	24
	m	20	24		2	20	24
	l	26	31		3/4	24/28	28/32
	xl	40	40		6	40	40
oTypographySerifDisplayBold	xs	11	12	oTypographyDisplayBold	-2	12	12
	s	16	19		0	16	24
	m	20	24		2	20	24
	l	26	31		3/4	24/28	28/32
	xl	40	40		6	40	40
oTypographySerifDisplayItalic	xs	11	12	oTypographyDisplayItalic	-2	12	12
	s	15	17		0	16	24
	m	22	22		2/3	20/24	24/28
	l	26	27		3/4	24/28	28/32
	xl	40	40		6	40	40
oTypographySerif	xs	12	12	oTypographySerif	-2	12	12
	s	16	19		0	16	24
	m	20	24		2	20	24
	l	26	31		3/4	24/28	28/32
	xl	40	40		6	40	40
oTypographySerifBold	xs	12	12	oTypographySerifBold	-2	12	12
	s	16	19		0	16	24
	m	20	24		2	20	24
	l	26	31		3/4	24/28	28/32
	xl	40	40		6	40	40
oTypographySerifItalic	xs	11	12	oTypographySerifItalic	-2	12	12
	s	15	17		0	16	24
	m	22	22		2/3	20/24	24/28
	l	26	27		3/4	24/28	28/32
	xl	40	40		6	40	40