mirror of
https://github.com/facundoolano/jorge.git
synced 2024-12-24 21:58:15 +01:00
tweak readability CSS in initfiles and docs
This commit is contained in:
facundo
parent
d30ca0cded
commit
a94ea7069d
2 changed files with 24 additions and 30 deletions
|
|
@ -4,12 +4,12 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
max-width: 45em;
|
||||
max-width: 38em;
|
||||
margin: 0 auto;
|
||||
padding: 0 1rem;
|
||||
width: auto;
|
||||
font-family: Tahoma, Verdana, Arial, sans-serif;
|
||||
line-height: 1.5;
|
||||
line-height: 1.6;
|
||||
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
|
|
@ -51,10 +51,6 @@ nav a:hover {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.layout-post li p {
|
||||
margin: 0 0 0.5rem 0;
|
||||
}
|
||||
|
|
@ -134,8 +130,6 @@ img.cover-img {
|
|||
.layout-post {
|
||||
hyphens: auto;
|
||||
text-align: justify;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6;
|
||||
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
|
|
@ -158,9 +152,7 @@ img.cover-img {
|
|||
}
|
||||
|
||||
pre {
|
||||
font-size: 1rem;
|
||||
overflow-x: auto;
|
||||
line-height: 1.5;
|
||||
padding: 1rem;
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
|
|
@ -187,7 +179,6 @@ Need to decide between:
|
|||
padding: .2em .4em;
|
||||
background-color: whitesmoke!important;
|
||||
color: black;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
|
@ -208,6 +199,15 @@ Need to decide between:
|
|||
blockquote {
|
||||
border-left: 2px solid whitesmoke;
|
||||
padding-left: 1rem;
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
blockquote {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-post p.verse {
|
||||
|
|
@ -215,7 +215,6 @@ blockquote {
|
|||
}
|
||||
|
||||
.layout-post p {
|
||||
line-height: 1.8;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
|
|
@ -230,7 +229,6 @@ blockquote {
|
|||
/* override in mobile devices for more compact text */
|
||||
@media screen and (max-width: 768px) {
|
||||
.layout-post {
|
||||
line-height: 1.2;
|
||||
letter-spacing: unset;
|
||||
hyphens: none;
|
||||
text-align: left;
|
||||
|
|
@ -238,7 +236,6 @@ blockquote {
|
|||
|
||||
.layout-post p {
|
||||
margin: 1rem 0;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.layout-post p + p {
|
||||
|
|
@ -253,7 +250,6 @@ blockquote {
|
|||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
table tr {
|
||||
|
|
|
|||
|
|
@ -4,12 +4,12 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
max-width: 45em;
|
||||
max-width: 38em;
|
||||
margin: 0 auto;
|
||||
padding: 0 1rem;
|
||||
width: auto;
|
||||
font-family: Tahoma, Verdana, Arial, sans-serif;
|
||||
line-height: 1.5;
|
||||
line-height: 1.6;
|
||||
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
|
|
@ -51,10 +51,6 @@ nav a:hover {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.layout-post li p {
|
||||
margin: 0 0 0.5rem 0;
|
||||
}
|
||||
|
|
@ -134,8 +130,6 @@ img.cover-img {
|
|||
.layout-post {
|
||||
hyphens: auto;
|
||||
text-align: justify;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6;
|
||||
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
|
|
@ -158,9 +152,7 @@ img.cover-img {
|
|||
}
|
||||
|
||||
pre {
|
||||
font-size: 1rem;
|
||||
overflow-x: auto;
|
||||
line-height: 1.5;
|
||||
padding: 1rem;
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
|
|
@ -187,7 +179,6 @@ Need to decide between:
|
|||
padding: .2em .4em;
|
||||
background-color: whitesmoke!important;
|
||||
color: black;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
|
@ -208,6 +199,15 @@ Need to decide between:
|
|||
blockquote {
|
||||
border-left: 2px solid whitesmoke;
|
||||
padding-left: 1rem;
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
blockquote {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-post p.verse {
|
||||
|
|
@ -215,7 +215,6 @@ blockquote {
|
|||
}
|
||||
|
||||
.layout-post p {
|
||||
line-height: 1.8;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
|
|
@ -230,7 +229,6 @@ blockquote {
|
|||
/* override in mobile devices for more compact text */
|
||||
@media screen and (max-width: 768px) {
|
||||
.layout-post {
|
||||
line-height: 1.2;
|
||||
letter-spacing: unset;
|
||||
hyphens: none;
|
||||
text-align: left;
|
||||
|
|
@ -238,7 +236,6 @@ blockquote {
|
|||
|
||||
.layout-post p {
|
||||
margin: 1rem 0;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.layout-post p + p {
|
||||
|
|
@ -253,7 +250,6 @@ blockquote {
|
|||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
table tr {
|
||||
|
|
@ -312,6 +308,8 @@ details > summary::-webkit-details-marker {
|
|||
}
|
||||
|
||||
code.index-sample {
|
||||
line-height: 1.5;
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue