Add CSS support for code blocks and improve format of code (& h2)
This commit is contained in:
parent
020d78e184
commit
f990565df7
1 changed files with 16 additions and 0 deletions
|
@ -47,9 +47,21 @@ footer {
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Code Blocks */
|
||||||
|
pre {
|
||||||
|
padding: 0.75rem;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: max-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inline keywords/code */
|
||||||
code {
|
code {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: green;
|
color: green;
|
||||||
|
line-break: strict;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
@ -60,6 +72,10 @@ article {
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
#mainarticle {
|
#mainarticle {
|
||||||
width: max-content;
|
width: max-content;
|
||||||
max-width: min(80rem, 100%);
|
max-width: min(80rem, 100%);
|
||||||
|
|
Loading…
Reference in a new issue