forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-03-04 18:35:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

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

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