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',
},
});
|