louis/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refined styling for better readability

Browse Source 
Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
This commit is contained in:
Louis Vallat 2021-03-18 23:39:11 +01:00
parent abb4c3b6b8
commit c4f4986fe4
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/assets/css/style.css
View File

@ -43,9 +43,15 @@ body {
font-size: 16px; font-size: 16px;
} }
p { p, ul {
margin-top: 10px; margin-top: 10px;
line-height: 1.5em; line-height: 1.55em;
}
li > ul {
margin-top: 0;
margin-left: 15px;
list-style-type: circle;
} }
img { img {
@ -95,8 +101,13 @@ nav > a:not(#home_link) {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: 'JetBrains Mono', sans-serif; font-family: 'JetBrains Mono', sans-serif;
font-weight: bold; font-weight: bold;
margin-top: 10px; margin-top: 20px;
margin-bottom: 5px; margin-bottom: 10px;
}
ul {
list-style: disc;
list-style-position: inside;
} }
h1 { h1 {
@ -137,6 +148,7 @@ em, i {
footer { footer {
font-size: 14px; font-size: 14px;
margin-bottom: 100px;
} }
pre { pre {
@ -148,14 +160,15 @@ pre > code {
padding: 10px; padding: 10px;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
overflow: auto;
line-height: 1.35em;
} }
code { code {
padding: 5px; padding: 2px 5px 2px 5px;
border-radius: 5px; border-radius: 5px;
background-color: var(--light_bg); background-color: var(--light_bg);
font-family: 'IBM Plex Mono', monospace; font-family: 'IBM Plex Mono', monospace;
line-height: 1.2em;
} }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {