chore: update letter spacing on headings
This commit is contained in:
parent
1ceee90202
commit
e5c382ca04
|
@ -4,7 +4,7 @@ export const textStyles = {
|
|||
fontWeight: 700,
|
||||
fontSize: '2.75rem',
|
||||
lineHeight: '3.375rem',
|
||||
letterSpacing: '0.04em',
|
||||
letterSpacing: { base: '0.03rem', md: '0.04rem' },
|
||||
color: 'body'
|
||||
},
|
||||
h2: {
|
||||
|
@ -12,56 +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.04em',
|
||||
letterSpacing: '0.02rem',
|
||||
lineHeight: 'normal',
|
||||
color: 'body'
|
||||
},
|
||||
header6: {
|
||||
fontFamily: 'heading',
|
||||
fontSize: '0.875rem',
|
||||
letterSpacing: '0.04em',
|
||||
letterSpacing: '0.02rem',
|
||||
lineHeight: 'normal',
|
||||
color: 'body'
|
||||
},
|
||||
'header-font': {
|
||||
fontFamily: 'heading',
|
||||
fontWeight: 700,
|
||||
letterSpacing: '0.04em',
|
||||
letterSpacing: '0.04rem',
|
||||
fontSize: { base: '0.86rem', sm: '1rem' },
|
||||
color: 'body'
|
||||
},
|
||||
|
@ -69,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'
|
||||
},
|
||||
|
@ -111,7 +111,7 @@ export const textStyles = {
|
|||
fontWeight: 700,
|
||||
textTransform: 'uppercase',
|
||||
lineHeight: '21.12px',
|
||||
letterSpacing: '0.02em'
|
||||
letterSpacing: '0.02rem'
|
||||
},
|
||||
'footer-text': {
|
||||
fontFamily: 'body',
|
||||
|
@ -154,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': {},
|
||||
|
|
Loading…
Reference in New Issue