diff --git a/static/styles/root.css b/static/styles/root.css index 18fa42e..1aa9053 100644 --- a/static/styles/root.css +++ b/static/styles/root.css @@ -199,6 +199,14 @@ footer.site p + p { } } +h1 { font-size: 1.6em; } +h2 { font-size: 1.5em; } +h3 { font-size: 1.4em; } +h4 { font-size: 1.3em; } +h5 { font-size: 1.3em; } +h6 { font-size: var(--body-font-size); } +h5, h6 { font-family: var(--font-family-body); } + h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-family: var(--font-family-heading); @@ -208,11 +216,6 @@ h1, h2, h3, h4, h5, h6 { line-height: var(--body-header-line-height); } -h1:first-child, h2:first-child, h3:first-child, -h4:first-child, h5:first-child, h6:first-child { - margin-block-start: 0; -} - h1.site { color: rgb(var(--mid-blue)); font-size: 2.5em; @@ -232,8 +235,8 @@ h1.site { } } -h1.site * { color: inherit; } -h1.site a:hover { text-decoration: none; } +h1.site > a { color: inherit; } +h1.site > a:hover { text-decoration: none; } header.site { display: flex; @@ -320,20 +323,15 @@ img.circular { } main { + box-sizing: border-box; max-width: var(--content-width); margin: var(--body-item-spacing) auto; padding-inline: var(--body-item-spacing); width: 100%; } -main h1 { font-size: 1.6em; } -main h2 { font-size: 1.5em; } -main h3 { font-size: 1.4em; } -main h4 { font-size: 1.3em; } -main h5 { font-size: 1.3em; } -main h6 { font-size: var(--body-font-size); } - -main h5, main h6 { font-family: var(--font-family-body); } +main > :first-child { margin-block-start: 0; } +main > :last-child { margin-block-end: 0; } header.site > .grid > nav { align-items: center; @@ -371,9 +369,8 @@ nav.bulleted > li::before { p { letter-spacing: 0.025em; line-height: var(--body-line-height); + margin-block-end: var(--body-item-spacing); } -p { margin-block-end: var(--body-item-spacing); } -p:last-child { margin-block-end: 0; } ul ul, ul ol,