eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Clean up the styles of headings and paragraphs

Browse source
This commit is contained in:
Eryn Wells 2022-10-25 17:38:41 -04:00
parent 3ec529525a
commit 660a1a79b5
1 changed files with 14 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

31
static/styles/root.css
View file

@ -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,