some css fixes
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending

This commit is contained in:
Mylloon 2023-04-25 03:21:05 +02:00
parent d07ffbc60c
commit c03be32b94
Signed by: Anri
GPG key ID: A82D63DFF8D1317F

View file

@ -92,17 +92,57 @@ footer {
footer > * {
text-transform: uppercase;
font-weight: bold;
font-size: calc(var(--font-size) / 1.2);
letter-spacing: 0.15rem;
opacity: 0.6;
text-decoration: none;
padding-bottom: 1em;
}
a:hover {
color: var(--link-hover-color);
}
p {
line-height: 1.5rem;
}
hr {
border: 0;
height: 1px;
background: #8080802f;
}
/* Quotes */
blockquote {
margin: 1em 0;
padding: 0.1em 10px;
border-left: 6px solid;
border-color: var(--quote-border-color);
background-color: var(--quote-bg-color);
}
/* Images */
img {
display: block;
margin: auto;
}
/* Little snippet of code (not blocks) */
kbd,
code:not(.hljs):not(:has(svg)) {
background-color: var(--code-bg-color);
border-radius: 3px;
color: var(--code-font-color);
box-shadow: 0 1px 1px #000000;
display: inline-block;
font-size: calc(var(--font-size) / 1.2);
font-weight: 700;
line-height: 1;
padding: 2px 4px;
vertical-align: 1.5px;
}
/* Marge for numbers */
.hljs {
margin-inline: 0.4em;
@ -117,6 +157,7 @@ a:hover {
table.hljs-ln {
overflow: hidden;
}
@media (prefers-color-scheme: light) {
.hljs-copy-button {
filter: invert(100%);
@ -135,21 +176,6 @@ table.hljs-ln {
visibility: collapse;
}
/* Little snippet of code (not blocks) */
kbd,
code:not(:has(:not(pre))) {
background-color: var(--code-bg-color);
border-radius: 3px;
color: var(--code-font-color);
box-shadow: 0 1px 1px #000000;
display: inline-block;
font-size: 0.85em;
font-weight: 700;
line-height: 1;
padding: 2px 4px;
vertical-align: 1.5px;
}
/* Footnotes */
.footnotes a {
font-family: "Segoe UI";
@ -161,28 +187,7 @@ code:not(:has(:not(pre))) {
text-decoration: underline dotted;
}
hr {
border: 0;
height: 1px;
background: #8080802f;
}
/* Quotes */
blockquote {
margin: 1em 0;
padding: 0.1em 10px;
border-left: 6px solid;
border-color: var(--quote-border-color);
background-color: var(--quote-bg-color);
}
/* Mermaid diagrams */
pre:has(code.language-mermaid) {
text-align: center;
}
/* Images */
img {
display: block;
margin: auto;
}