diff --git a/src/components/atoms/Container.module.scss b/src/components/atoms/Container.module.scss index 9f0e536d..e27eb2ee 100644 --- a/src/components/atoms/Container.module.scss +++ b/src/components/atoms/Container.module.scss @@ -1,5 +1,5 @@ .container { - max-width: 35rem; + max-width: 37rem; margin-left: auto; margin-right: auto; } diff --git a/src/components/templates/Post/Toc.module.scss b/src/components/templates/Post/Toc.module.scss index 7fc108c8..fd148689 100644 --- a/src/components/templates/Post/Toc.module.scss +++ b/src/components/templates/Post/Toc.module.scss @@ -14,4 +14,9 @@ ul { margin: 0; } + + li { + margin-top: $spacer / 6; + margin-bottom: $spacer / 6; + } } diff --git a/src/components/templates/Post/index.tsx b/src/components/templates/Post/index.tsx index 0ceac68d..bda11ec7 100644 --- a/src/components/templates/Post/index.tsx +++ b/src/components/templates/Post/index.tsx @@ -117,7 +117,7 @@ export const pageQuery = graphql` githubLink } rawMarkdownBody - tableOfContents(maxDepth: 2) + tableOfContents(maxDepth: 3) } } ` diff --git a/src/styles/global.scss b/src/styles/global.scss index 8fb31d31..5078c000 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -49,10 +49,6 @@ ol { margin: 0 0 $spacer; } -p:last-child { - margin-bottom: 0; -} - // Reset fonts for relevant elements ///////////////////////////////////// @@ -255,7 +251,7 @@ ol { li { position: relative; - margin-bottom: $spacer / 4; + margin-bottom: $spacer / 2; // stylelint-disable no-descending-specificity &::before { @@ -266,11 +262,20 @@ ol { user-select: none; } // stylelint-enable no-descending-specificity + + p { + margin-bottom: 0; + } } ul, ol { + margin-top: $spacer / 4; margin-bottom: 0; + + li { + margin: 0; + } } }