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

update fontSize for h1

This commit is contained in:
Corwin Smith 2022-12-08 22:52:04 -07:00
parent 4315911af4
commit 4ca9d12193
3 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
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 { header1, header2, header3, header4 } = textStyles; const { h1, header2, header3, header4 } = textStyles;
const MDComponents = { const MDComponents = {
// paragraphs // paragraphs
@ -45,7 +45,7 @@ const MDComponents = {
const { children: parsedChildren, headingId } = parseHeadingId(children); const { children: parsedChildren, headingId } = parseHeadingId(children);
return ( return (
<Heading as='h1' textAlign='start' mb='5 !important' {...header1} id={headingId}> <Heading as='h1' textAlign='start' mb='5 !important' {...h1} id={headingId}>
{parsedChildren} {parsedChildren}
</Heading> </Heading>
); );

2
src/pages/[...slug].tsx
View File

@ -107,7 +107,7 @@ const DocPage: NextPage<Props> = ({ frontmatter, content, navLinks, lastModified
<Stack pb={4} width='100%'> <Stack pb={4} width='100%'>
<Stack mb={16}> <Stack mb={16}>
<Breadcrumbs /> <Breadcrumbs />
<Heading as='h1' mt='4 !important' mb={0} {...textStyles.header1}> <Heading as='h1' mt='4 !important' mb={0} {...textStyles.h1}>
{frontmatter.title} {frontmatter.title}
</Heading> </Heading>
<Text as='span' mt='0 !important'> <Text as='span' mt='0 !important'>

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

@ -2,7 +2,7 @@ export const textStyles = {
h1: { h1: {
fontFamily: 'heading', fontFamily: 'heading',
fontWeight: 700, fontWeight: 700,
fontSize: '2.75rem', fontSize: { base: '2.175rem', md: '2.875rem' },
lineHeight: '3.375rem', lineHeight: '3.375rem',
letterSpacing: { base: '0.03rem', md: '0.04rem' }, letterSpacing: { base: '0.03rem', md: '0.04rem' },
color: 'body' color: 'body'
@ -15,14 +15,7 @@ export const textStyles = {
letterSpacing: { base: '0.03rem', md: '0.04rem' }, letterSpacing: { base: '0.03rem', md: '0.04rem' },
color: 'body' color: 'body'
}, },
header1: {
fontFamily: 'heading',
fontWeight: 700,
fontSize: { base: '1.875rem', md: '2.125rem' },
letterSpacing: { base: '0.03rem', md: '0.04rem' },
lineHeight: 'normal',
color: 'body'
},
header2: { header2: {
fontFamily: 'heading', fontFamily: 'heading',
fontSize: { base: '1.5rem', md: '1.75rem' }, fontSize: { base: '1.5rem', md: '1.75rem' },