Blame · Line-by-line history
typography.ts
Each line is annotated with the commit that last touched it. Click any SHA to jump to that commit and see the surrounding change.
| 5c83ccc | 1 | import { StyleSheet } from 'react-native'; |
| 2 | import { colors } from './colors'; | |
| 3 | ||
| 4 | export const typography = StyleSheet.create({ | |
| 5 | h1: { | |
| 6 | fontSize: 24, | |
| 7 | fontWeight: '700', | |
| 8 | color: colors.text, | |
| 9 | lineHeight: 32, | |
| 10 | }, | |
| 11 | h2: { | |
| 12 | fontSize: 20, | |
| 13 | fontWeight: '600', | |
| 14 | color: colors.text, | |
| 15 | lineHeight: 28, | |
| 16 | }, | |
| 17 | h3: { | |
| 18 | fontSize: 16, | |
| 19 | fontWeight: '600', | |
| 20 | color: colors.text, | |
| 21 | lineHeight: 24, | |
| 22 | }, | |
| 23 | body: { | |
| 24 | fontSize: 14, | |
| 25 | fontWeight: '400', | |
| 26 | color: colors.text, | |
| 27 | lineHeight: 22, | |
| 28 | }, | |
| 29 | bodySmall: { | |
| 30 | fontSize: 12, | |
| 31 | fontWeight: '400', | |
| 32 | color: colors.textMuted, | |
| 33 | lineHeight: 18, | |
| 34 | }, | |
| 35 | mono: { | |
| 36 | fontSize: 13, | |
| 37 | fontFamily: 'monospace', | |
| 38 | color: colors.text, | |
| 39 | lineHeight: 20, | |
| 40 | }, | |
| 41 | monoSmall: { | |
| 42 | fontSize: 11, | |
| 43 | fontFamily: 'monospace', | |
| 44 | color: colors.textMuted, | |
| 45 | lineHeight: 16, | |
| 46 | }, | |
| 47 | label: { | |
| 48 | fontSize: 12, | |
| 49 | fontWeight: '500', | |
| 50 | color: colors.textMuted, | |
| 51 | letterSpacing: 0.5, | |
| 52 | textTransform: 'uppercase', | |
| 53 | }, | |
| 54 | link: { | |
| 55 | fontSize: 14, | |
| 56 | fontWeight: '400', | |
| 57 | color: colors.textLink, | |
| 58 | lineHeight: 22, | |
| 59 | }, | |
| 60 | }); |