@primer/gatsby-theme-doctocat 4.5.0 → 4.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/package.json +1 -1
- package/src/components/heading.js +4 -1
- package/src/components/layout.js +5 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @primer/gatsby-theme-doctocat
|
|
2
2
|
|
|
3
|
+
## 4.5.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`169049b`](https://github.com/primer/doctocat/commit/169049bd3d8d43ad412e20b842144a04a97ac365) [#605](https://github.com/primer/doctocat/pull/605) Thanks [@mperrotti](https://github.com/mperrotti)! - Updates the base layout with latest designs.
|
|
8
|
+
|
|
3
9
|
## 4.5.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -59,7 +59,7 @@ function MarkdownHeading({children, ...props}) {
|
|
|
59
59
|
|
|
60
60
|
const StyledH1 = styled(StyledHeading).attrs({as: 'h1'})`
|
|
61
61
|
padding-bottom: ${themeGet('space.2')};
|
|
62
|
-
font-size: ${themeGet('fontSizes.
|
|
62
|
+
font-size: ${themeGet('fontSizes.7')};
|
|
63
63
|
border-bottom: 1px solid ${themeGet('colors.border.default')};
|
|
64
64
|
`
|
|
65
65
|
|
|
@@ -67,14 +67,17 @@ const StyledH2 = styled(StyledHeading).attrs({as: 'h2'})`
|
|
|
67
67
|
padding-bottom: ${themeGet('space.2')};
|
|
68
68
|
font-size: ${themeGet('fontSizes.4')};
|
|
69
69
|
border-bottom: 1px solid ${themeGet('colors.border.default')};
|
|
70
|
+
font-weight: ${themeGet('fontWeights.semibold')};
|
|
70
71
|
`
|
|
71
72
|
|
|
72
73
|
const StyledH3 = styled(StyledHeading).attrs({as: 'h3'})`
|
|
73
74
|
font-size: ${themeGet('fontSizes.3')};
|
|
75
|
+
font-weight: ${themeGet('fontWeights.semibold')};
|
|
74
76
|
`
|
|
75
77
|
|
|
76
78
|
const StyledH4 = styled(StyledHeading).attrs({as: 'h4'})`
|
|
77
79
|
font-size: ${themeGet('fontSizes.2')};
|
|
80
|
+
font-weight: ${themeGet('fontWeights.semibold')};
|
|
78
81
|
`
|
|
79
82
|
|
|
80
83
|
const StyledH5 = styled(StyledHeading).attrs({as: 'h5'})`
|
package/src/components/layout.js
CHANGED
|
@@ -91,7 +91,7 @@ function Layout({children, pageContext, path}) {
|
|
|
91
91
|
sx={{
|
|
92
92
|
width: 220,
|
|
93
93
|
flex: '0 0 auto',
|
|
94
|
-
marginLeft:
|
|
94
|
+
marginLeft: [null, 7, 8, 9],
|
|
95
95
|
display: ['none', null, 'block'],
|
|
96
96
|
position: 'sticky',
|
|
97
97
|
top: HEADER_HEIGHT + 48,
|
|
@@ -99,7 +99,7 @@ function Layout({children, pageContext, path}) {
|
|
|
99
99
|
}}
|
|
100
100
|
css={{gridArea: 'table-of-contents', overflow: 'auto'}}
|
|
101
101
|
>
|
|
102
|
-
<Heading as="h3" sx={{fontSize:
|
|
102
|
+
<Heading as="h3" sx={{fontSize: 1, display: 'inline-block', fontWeight: 'bold', pl: 3}} id="toc-heading">
|
|
103
103
|
On this page
|
|
104
104
|
</Heading>
|
|
105
105
|
<TableOfContents aria-labelledby="toc-heading" items={pageContext.tableOfContents.items} />
|
|
@@ -117,7 +117,9 @@ function Layout({children, pageContext, path}) {
|
|
|
117
117
|
: null}
|
|
118
118
|
</Breadcrumbs>
|
|
119
119
|
<Box sx={{alignItems: 'center', display: 'flex'}}>
|
|
120
|
-
<Heading as="h1"
|
|
120
|
+
<Heading as="h1" sx={{fontSize: 7}}>
|
|
121
|
+
{title}
|
|
122
|
+
</Heading>
|
|
121
123
|
</Box>
|
|
122
124
|
{description ? <Box sx={{fontSize: 3, mb: 3}}>{description}</Box> : null}
|
|
123
125
|
<Box
|