interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore: update letter spacing on headings

This commit is contained in:
Nicolás Quiroz 2022-11-29 20:38:57 -03:00
parent 1ceee90202
commit e5c382ca04
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/theme/foundations/textStyles.ts
View File

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