# 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 |