mikegerwitz
/
thoughts
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Mike Gerwitz 2019-02-07 00:50:26 -05:00
parent 89328fe206
commit 133282e224
Signed by: mikegerwitz
GPG Key ID: 8C917B7F5DC51BA2
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
style.css
View File

@ -281,8 +281,8 @@ h1, h2, h3, h4 {
h1 { font-size: 1.7em; } h1 { font-size: 1.7em; }
h2 { font-size: 1.4em; } h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; } h3 { font-size: 1.3em; }
h4 { font-size: 1.0em; } h4 { font-size: 1.2em; }
h1 a, h1 a,
@ -376,6 +376,12 @@ article {
margin: auto; margin: auto;
} }
article section.footnotes {
font-size: 0.9em;
font-weight: lighter;
line-height: 1.5em;
}
@media ( max-width: 60ch ) { @media ( max-width: 60ch ) {
article { article {
@ -415,9 +421,11 @@ article:not(.abstract) > h1:not(:first-child),
article:not(.abstract) > h2 { article:not(.abstract) > h2 {
margin-left: -2rem; margin-left: -2rem;
border-bottom: 0.2ex solid #2e3436; border-bottom: 0.2ex solid #2e3436;
margin-block-start: 1.25em;
} }
article:not(.abstract) > h3 { article:not(.abstract) > h3 {
border-bottom: 0.1ex solid #2e3436; border-bottom: 0.1ex solid #2e3436;
margin-block-start: 1.25em;
} }