Increase readability

Made some edits to typography to increase readability:
* Adjusted font size
* Improved whitespace management with real margins
This commit is contained in:
Gabriel Augendre 2020-06-07 10:03:56 +02:00
parent 834d0d4e93
commit f7d1748f7b

View file

@ -11,7 +11,7 @@
} }
body { body {
font-size: 110%; font-size-adjust: inherit;
color: var(--main); color: var(--main);
background-color: var(--background); background-color: var(--background);
@ -35,6 +35,8 @@ body {
// Links in articles and in list view // Links in articles and in list view
article { article {
font-size: 1.2em;
table, p, ul { table, p, ul {
a:not(.hashtag), a.hashtag span + span { a:not(.hashtag), a.hashtag span + span {
color: var(--main); color: var(--main);
@ -99,12 +101,51 @@ body {
color: var(--main3); color: var(--main3);
} }
article time.dt-published { article, #wrapper article {
color: var(--main2); &.sans {
white-space: normal;
}
h2#title {
font-size: 2em;
}
h2 {
font-size: 1.4em;
display: block;
margin: 1.5em 0 .5em 0;
}
h2 + time.dt-published {
color: var(--main2);
margin-bottom: 1em;
}
p {
display: block;
white-space: normal;
line-height: 1.7;
}
p, table, ul, pre, ol, blockquote {
margin: 0 0 1.5em 0;
}
li {
margin: 0;
}
ul, ol {
margin-top: -1em;
}
blockquote p:last-child {
margin-bottom: 0;
}
} }
blockquote { blockquote {
color: var(--main2) color: var(--main2);
} }
.pic-container { .pic-container {