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 4082880213
commit 6fdd80733e
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 { h1, h2, h3, h4, h5, h6 {
color: var(--heading-color); color: var(--heading-color);
font-family: var(--font-family-heading); font-family: var(--font-family-heading);
@ -208,11 +216,6 @@ h1, h2, h3, h4, h5, h6 {
line-height: var(--body-header-line-height); 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 { h1.site {
color: rgb(var(--mid-blue)); color: rgb(var(--mid-blue));
font-size: 2.5em; font-size: 2.5em;
@ -232,8 +235,8 @@ h1.site {
} }
} }
h1.site * { color: inherit; } h1.site > a { color: inherit; }
h1.site a:hover { text-decoration: none; } h1.site > a:hover { text-decoration: none; }
header.site { header.site {
display: flex; display: flex;
@ -320,20 +323,15 @@ img.circular {
} }
main { main {
box-sizing: border-box;
max-width: var(--content-width); max-width: var(--content-width);
margin: var(--body-item-spacing) auto; margin: var(--body-item-spacing) auto;
padding-inline: var(--body-item-spacing); padding-inline: var(--body-item-spacing);
width: 100%; width: 100%;
} }
main h1 { font-size: 1.6em; } main > :first-child { margin-block-start: 0; }
main h2 { font-size: 1.5em; } main > :last-child { margin-block-end: 0; }
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); }
header.site > .grid > nav { header.site > .grid > nav {
align-items: center; align-items: center;
@ -371,9 +369,8 @@ nav.bulleted > li::before {
p { p {
letter-spacing: 0.025em; letter-spacing: 0.025em;
line-height: var(--body-line-height); 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 ul,
ul ol, ul ol,