Anri/mylloon.fr
1
0
Fork 0
Code Issues 21 Pull requests 2 Releases Packages 1 Activity Actions

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

Browse source
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
1 changed files with 42 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

79
static/css/blog/post.css
View file

@ -92,17 +92,57 @@ footer {
footer > * { footer > * {
text-transform: uppercase; text-transform: uppercase;
font-weight: bold;
font-size: calc(var(--font-size) / 1.2); font-size: calc(var(--font-size) / 1.2);
letter-spacing: 0.15rem; letter-spacing: 0.15rem;
opacity: 0.6; opacity: 0.6;
text-decoration: none; text-decoration: none;
padding-bottom: 1em;
} }
a:hover { a:hover {
color: var(--link-hover-color); 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 */ /* Marge for numbers */
.hljs { .hljs {
margin-inline: 0.4em; margin-inline: 0.4em;
@ -117,6 +157,7 @@ a:hover {
table.hljs-ln { table.hljs-ln {
overflow: hidden; overflow: hidden;
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
.hljs-copy-button { .hljs-copy-button {
filter: invert(100%); filter: invert(100%);
@ -135,21 +176,6 @@ table.hljs-ln {
visibility: collapse; 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 */
.footnotes a { .footnotes a {
font-family: "Segoe UI"; font-family: "Segoe UI";
@ -161,28 +187,7 @@ code:not(:has(:not(pre))) {
text-decoration: underline dotted; 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 */ /* Mermaid diagrams */
pre:has(code.language-mermaid) { pre:has(code.language-mermaid) {
text-align: center; text-align: center;
} }
/* Images */
img {
display: block;
margin: auto;
}