Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 | import css from '../../util/css'; export default css({ defaultStyle: { fontFamily: '"San Francisco", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif', fontSize: '16px', fontWeight: '400', letterSpacing: '0.15px', lineHeight: '24px', textRendering: 'optimizeLegibility', textDecoration: 'none', }, serif: { fontFamily: '"Playfair Display", Bookman, Palatino, Georgia, serif', }, monospace: { fontFamily: '"Lucida Sans Typewriter", "Lucida Console", "Consolas", "Andale Mono", "Monaco", "Courier New", Courier, monospace', }, uppercase: { textTransform: 'uppercase', letterSpacing: '0.75px', }, baseline: { margin: 0, paddingBottom: 0, paddingTop: 0, paddingLeft: 0, paddingRight: 0, }, muted: { opacity: '0.4', userSelect: 'none', }, center: { textAlign: 'center', }, etched: { textShadow: '0 1px rgba(255, 255, 255, 0.24)', }, noselect: { userSelect: 'none' }, nowrap: { whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', }, wrap: { overflowWrap: 'break-word', wordWrap: 'break-word', }, hyphens: { hyphens: 'auto' }, textLeft: { textAlign: 'left', }, // size h1: { fontSize: '96px', fontWeight: 'lighter', lineHeight: '96px', letterSpacing: '-1.5px', }, h2: { fontSize: '60px', fontWeight: 'lighter', lineHeight: '60px', letterSpacing: '-0.5px', }, h3: { fontSize: '48px', fontWeight: '400', lineHeight: '48px', }, h4: { fontSize: '34px', fontWeight: '400', lineHeight: '40px', letterSpacing: '0.25px', }, h5: { fontSize: '24px', fontWeight: '400', lineHeight: '32px', }, h6: { fontSize: '22px', fontWeight: '500', lineHeight: '32px', letterSpacing: '0.15px', }, subtitle1: { fontSize: '16px', lineHeight: '24px', fontWeight: '400', letterSpacing: '0.15px', }, subtitle2: { fontSize: '14px', lineHeight: '20px', fontWeight: '500', letterSpacing: '0.1px', }, body2: { fontSize: '14px', lineHeight: '20px', fontWeight: '400', letterSpacing: '0.1px', }, button: { fontSize: '14px', lineHeight: '20px', fontWeight: '500', letterSpacing: '0.1px', }, caption: { fontSize: '12px', lineHeight: '20px', fontWeight: '400', letterSpacing: '0.4px', }, overline: { fontSize: '10px', lineHeight: '20px', fontWeight: '400', letterSpacing: '1px', }, }); |