update letterSpacing and lineHeight values
% not supported for letterSpacing, 'auto' not supported for lineHeight
This commit is contained in:
parent
dec085dcbb
commit
ccc3c5b420
|
@ -4,53 +4,53 @@ export const textStyles = {
|
||||||
fontWeight: 700,
|
fontWeight: 700,
|
||||||
fontSize: '2.75rem',
|
fontSize: '2.75rem',
|
||||||
lineHeight: '3.375rem',
|
lineHeight: '3.375rem',
|
||||||
letterSpacing: '5%',
|
letterSpacing: '0.05em',
|
||||||
color: 'body'
|
color: 'body'
|
||||||
},
|
},
|
||||||
h2: {
|
h2: {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
fontWeight: 400,
|
fontWeight: 400,
|
||||||
fontSize: '1.5rem',
|
fontSize: '1.5rem',
|
||||||
lineHeight: 'auto',
|
lineHeight: 'normal',
|
||||||
letterSpacing: '4%',
|
letterSpacing: '0.04em',
|
||||||
color: 'body'
|
color: 'body'
|
||||||
},
|
},
|
||||||
header1: {
|
header1: {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
fontWeight: 700,
|
fontWeight: 700,
|
||||||
fontSize: '2.125rem',
|
fontSize: '2.125rem',
|
||||||
letterSpacing: '3%',
|
letterSpacing: '0.03em',
|
||||||
lineHeight: 'auto'
|
lineHeight: 'normal'
|
||||||
},
|
},
|
||||||
header2: {
|
header2: {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
fontSize: '1.75rem',
|
fontSize: '1.75rem',
|
||||||
letterSpacing: '4%',
|
letterSpacing: '0.04em',
|
||||||
lineHeight: 'auto'
|
lineHeight: 'normal'
|
||||||
},
|
},
|
||||||
header3: {
|
header3: {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
fontSize: '1.375rem',
|
fontSize: '1.375rem',
|
||||||
letterSpacing: '4%',
|
letterSpacing: '0.04em',
|
||||||
lineHeight: 'auto'
|
lineHeight: 'normal'
|
||||||
},
|
},
|
||||||
header4: {
|
header4: {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
fontSize: '1.125rem',
|
fontSize: '1.125rem',
|
||||||
letterSpacing: '4%',
|
letterSpacing: '0.04em',
|
||||||
lineHeight: 'auto'
|
lineHeight: 'normal'
|
||||||
},
|
},
|
||||||
header5: {
|
header5: {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
fontSize: '1rem',
|
fontSize: '1rem',
|
||||||
letterSpacing: '2%',
|
letterSpacing: '0.02em',
|
||||||
lineHeight: 'auto'
|
lineHeight: 'normal'
|
||||||
},
|
},
|
||||||
header6: {
|
header6: {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
fontSize: '0.875rem',
|
fontSize: '0.875rem',
|
||||||
letterSpacing: '2%',
|
letterSpacing: '0.02em',
|
||||||
lineHeight: 'auto'
|
lineHeight: 'normal'
|
||||||
},
|
},
|
||||||
'header-font': {
|
'header-font': {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
|
@ -100,7 +100,7 @@ export const textStyles = {
|
||||||
fontWeight: 700,
|
fontWeight: 700,
|
||||||
textTransform: 'uppercase',
|
textTransform: 'uppercase',
|
||||||
lineHeight: '21.12px',
|
lineHeight: '21.12px',
|
||||||
letterSpacing: '2%'
|
letterSpacing: '0.02em'
|
||||||
},
|
},
|
||||||
'footer-text': {
|
'footer-text': {
|
||||||
fontFamily: 'body',
|
fontFamily: 'body',
|
||||||
|
@ -142,14 +142,14 @@ export const textStyles = {
|
||||||
fontWeight: 400,
|
fontWeight: 400,
|
||||||
fontSize: 'md',
|
fontSize: 'md',
|
||||||
lineHeight: 4,
|
lineHeight: 4,
|
||||||
letterSpacing: '1%'
|
letterSpacing: '0.01em'
|
||||||
},
|
},
|
||||||
'code-block': {
|
'code-block': {
|
||||||
fontFamily: 'heading',
|
fontFamily: 'heading',
|
||||||
fontWeight: 400,
|
fontWeight: 400,
|
||||||
fontSize: 'md',
|
fontSize: 'md',
|
||||||
lineHeight: '21.12px',
|
lineHeight: '21.12px',
|
||||||
letterSpacing: '1%'
|
letterSpacing: '0.01em'
|
||||||
},
|
},
|
||||||
// TODO: refactor w/ semantic tokens for light/dark mode
|
// TODO: refactor w/ semantic tokens for light/dark mode
|
||||||
'link-light': {},
|
'link-light': {},
|
||||||
|
|
Loading…
Reference in New Issue