style.css: Better delimit sections and mute footnotes
This increases the headings, gives them slightly larger margins, decreases the font size for footnotes, decreases the line-height, and lightens the weight of the font. I think this makes it easier to eyeball the different sections (especially in the article I will be publishing shortly), and further helps to emphasize that the footnotes are subservient to the text.master
parent
89328fe206
commit
133282e224
12
style.css
12
style.css
|
@ -281,8 +281,8 @@ h1, h2, h3, h4 {
|
|||
|
||||
h1 { font-size: 1.7em; }
|
||||
h2 { font-size: 1.4em; }
|
||||
h3 { font-size: 1.1em; }
|
||||
h4 { font-size: 1.0em; }
|
||||
h3 { font-size: 1.3em; }
|
||||
h4 { font-size: 1.2em; }
|
||||
|
||||
|
||||
h1 a,
|
||||
|
@ -376,6 +376,12 @@ article {
|
|||
margin: auto;
|
||||
}
|
||||
|
||||
article section.footnotes {
|
||||
font-size: 0.9em;
|
||||
font-weight: lighter;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
@media ( max-width: 60ch ) {
|
||||
article {
|
||||
|
@ -415,9 +421,11 @@ article:not(.abstract) > h1:not(:first-child),
|
|||
article:not(.abstract) > h2 {
|
||||
margin-left: -2rem;
|
||||
border-bottom: 0.2ex solid #2e3436;
|
||||
margin-block-start: 1.25em;
|
||||
}
|
||||
article:not(.abstract) > h3 {
|
||||
border-bottom: 0.1ex solid #2e3436;
|
||||
margin-block-start: 1.25em;
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue