forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-24 00:39:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update header styles

Browse source
This commit is contained in:
Corwin Smith 2022-12-12 11:45:08 -07:00
parent 4ca9d12193
commit 64ae7579bd
2 changed files with 8 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/UI/docs/MDComponents.tsx
View file

@ -15,7 +15,7 @@ import { Code, Note } from '.';
import { textStyles } from '../../../theme/foundations'; import { textStyles } from '../../../theme/foundations';
import { parseHeadingId } from '../../../utils/parseHeadingId'; import { parseHeadingId } from '../../../utils/parseHeadingId';
const { h1, header2, header3, header4 } = textStyles; const { h1, h2, h3, h4 } = textStyles;
const MDComponents = { const MDComponents = {
// paragraphs // paragraphs
@ -59,7 +59,7 @@ const MDComponents = {
textAlign='start' textAlign='start'
mt={{ base: '12 !important', md: '16 !important' }} mt={{ base: '12 !important', md: '16 !important' }}
mb='4 !important' mb='4 !important'
{...header2} {...h2}
id={headingId} id={headingId}
> >
{parsedChildren} {parsedChildren}
@ -69,7 +69,7 @@ const MDComponents = {
h3: ({ children }: any) => { h3: ({ children }: any) => {
const { children: parsedChildren, headingId } = parseHeadingId(children); const { children: parsedChildren, headingId } = parseHeadingId(children);
return ( return (
<Heading as='h3' mt='5 !important' mb='2.5 !important' {...header3} id={headingId}> <Heading as='h3' mt='5 !important' mb='2.5 !important' {...h3} id={headingId}>
{parsedChildren} {parsedChildren}
</Heading> </Heading>
); );
@ -78,7 +78,7 @@ const MDComponents = {
const { children: parsedChildren, headingId } = parseHeadingId(children); const { children: parsedChildren, headingId } = parseHeadingId(children);
return ( return (
<Heading as='h4' mb='2.5 !important' {...header4} id={headingId}> <Heading as='h4' mb='2.5 !important' {...h4} id={headingId}>
{parsedChildren} {parsedChildren}
</Heading> </Heading>
); );

16
src/theme/foundations/textStyles.ts
View file

@ -15,36 +15,28 @@ export const textStyles = {
letterSpacing: { base: '0.03rem', md: '0.04rem' }, letterSpacing: { base: '0.03rem', md: '0.04rem' },
color: 'body' color: 'body'
}, },
h3: {
header2: {
fontFamily: 'heading',
fontSize: { base: '1.5rem', md: '1.75rem' },
letterSpacing: { base: '0.03rem', md: '0.04rem' },
lineHeight: 'normal',
color: 'body'
},
header3: {
fontFamily: 'heading', fontFamily: 'heading',
fontSize: { base: '1.25rem', md: '1.375rem' }, fontSize: { base: '1.25rem', md: '1.375rem' },
letterSpacing: { base: '0.03rem', md: '0.04rem' }, letterSpacing: { base: '0.03rem', md: '0.04rem' },
lineHeight: 'normal', lineHeight: 'normal',
color: 'body' color: 'body'
}, },
header4: { h4: {
fontFamily: 'heading', fontFamily: 'heading',
fontSize: '1.125rem', fontSize: '1.125rem',
letterSpacing: { base: '0.03rem', md: '0.04rem' }, letterSpacing: { base: '0.03rem', md: '0.04rem' },
lineHeight: 'normal', lineHeight: 'normal',
color: 'body' color: 'body'
}, },
header5: { h5: {
fontFamily: 'heading', fontFamily: 'heading',
fontSize: '1rem', fontSize: '1rem',
letterSpacing: '0.02rem', letterSpacing: '0.02rem',
lineHeight: 'normal', lineHeight: 'normal',
color: 'body' color: 'body'
}, },
header6: { h6: {
fontFamily: 'heading', fontFamily: 'heading',
fontSize: '0.875rem', fontSize: '0.875rem',
letterSpacing: '0.02rem', letterSpacing: '0.02rem',