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