Merge pull request #66 from ethereum:update-headings-letter-spacing

chore: update headings letter spacing
This commit is contained in:
Paul Wackerow 2022-11-30 08:10:20 +01:00 committed by GitHub
commit dcb5891ee8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -4,7 +4,7 @@ export const textStyles = {
fontWeight: 700,
fontSize: '2.75rem',
lineHeight: '3.375rem',
letterSpacing: '0.05em',
letterSpacing: { base: '0.03rem', md: '0.04rem' },
color: 'body'
},
h2: {
@ -12,55 +12,56 @@ export const textStyles = {
fontWeight: 400,
fontSize: { base: '1.5rem', md: '1.75rem' },
lineHeight: 'normal',
letterSpacing: '0.04em',
letterSpacing: { base: '0.03rem', md: '0.04rem' },
color: 'body'
},
header1: {
fontFamily: 'heading',
fontWeight: 700,
fontSize: { base: '1.875rem', md: '2.125rem' },
letterSpacing: '0.04em',
letterSpacing: { base: '0.03rem', md: '0.04rem' },
lineHeight: 'normal',
color: 'body'
},
header2: {
fontFamily: 'heading',
fontSize: { base: '1.5rem', md: '1.75rem' },
letterSpacing: '0.04em',
letterSpacing: { base: '0.03rem', md: '0.04rem' },
lineHeight: 'normal',
color: 'body'
},
header3: {
fontFamily: 'heading',
fontSize: { base: '1.25rem', md: '1.375rem' },
letterSpacing: '0.04em',
letterSpacing: { base: '0.03rem', md: '0.04rem' },
lineHeight: 'normal',
color: 'body'
},
header4: {
fontFamily: 'heading',
fontSize: '1.125rem',
letterSpacing: '0.04em',
letterSpacing: { base: '0.03rem', md: '0.04rem' },
lineHeight: 'normal',
color: 'body'
},
header5: {
fontFamily: 'heading',
fontSize: '1rem',
letterSpacing: '0.02em',
letterSpacing: '0.02rem',
lineHeight: 'normal',
color: 'body'
},
header6: {
fontFamily: 'heading',
fontSize: '0.875rem',
letterSpacing: '0.02em',
letterSpacing: '0.02rem',
lineHeight: 'normal',
color: 'body'
},
'header-font': {
fontFamily: 'heading',
fontWeight: 700,
letterSpacing: '0.04rem',
fontSize: { base: '0.86rem', sm: '1rem' },
color: 'body'
},
@ -68,7 +69,7 @@ export const textStyles = {
fontFamily: 'heading',
fontWeight: 700,
lineHeight: '21px',
letterSpacing: '0.05em',
letterSpacing: '0.05rem',
textAlign: { base: 'center', md: 'left' },
color: 'body'
},
@ -110,7 +111,7 @@ export const textStyles = {
fontWeight: 700,
textTransform: 'uppercase',
lineHeight: '21.12px',
letterSpacing: '0.02em'
letterSpacing: '0.02rem'
},
'footer-text': {
fontFamily: 'body',
@ -153,14 +154,14 @@ export const textStyles = {
fontWeight: 400,
fontSize: 'md',
lineHeight: 4,
letterSpacing: '0.01em'
letterSpacing: '0.01rem'
},
'code-block': {
fontFamily: 'heading',
fontWeight: 400,
fontSize: 'md',
lineHeight: '21.12px',
letterSpacing: '0.01em'
letterSpacing: '0.01rem'
},
// TODO: refactor w/ semantic tokens for light/dark mode
'link-light': {},