Huge readability improvements
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
2b7bcb4122
commit
5f49ea1ed1
1 changed files with 27 additions and 3 deletions
|
@ -1,6 +1,7 @@
|
||||||
:root {
|
:root {
|
||||||
--white: white;
|
--white: white;
|
||||||
--black: black;
|
--black: black;
|
||||||
|
--gap: calc(1rem * 18 / 16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.w-layout-vflex {
|
.w-layout-vflex {
|
||||||
|
@ -47,10 +48,35 @@ article {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
margin: 25px;
|
||||||
|
gap: var(--gap);
|
||||||
}
|
}
|
||||||
|
|
||||||
article>* {
|
.content section {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--gap);
|
||||||
|
word-wrap: break-word;
|
||||||
|
margin-top: calc(2 * var(--gap));
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content img {
|
||||||
|
margin: var(--gap) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content ul,
|
||||||
|
.content ol {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 0 0 0 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content * {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
margin: 0 0;
|
||||||
|
padding: 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
@ -60,8 +86,6 @@ h1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue