This commit is contained in:
sundae 2026-03-06 11:03:17 +02:00
commit 4972cbe693
Signed by: sundae
SSH key fingerprint: SHA256:MsJkKuo4PUdjQDpLeaURy81drKkW14exlTHp+8QFu6M
40 changed files with 499 additions and 286 deletions

View file

@ -28,6 +28,7 @@ body {
font-size: 100%;
margin: 0;
padding: 0;
& a,
button {
cursor: pointer;
@ -38,19 +39,23 @@ body {
}
}
}
svg {
fill: currentColor;
stroke: currentColor;
stroke-width: 0;
}
header {
padding-top: var(--pad-xl);
padding-left: calc(var(--view) + var(--pad-xl));
& svg {
width: 2rem;
height: 2rem;
margin-right: var(--pad-m);
}
& h1 {
display: inline-flex;
}
@ -68,6 +73,7 @@ footer {
position: sticky;
inset-block: 100%;
text-align: center;
& span {
background-image: var(--transgender);
padding: 0 var(--pad-sm);
@ -92,7 +98,9 @@ details {
.header-anchor {
display: inline-block;
transition: color var(--trans), background-color var(--trans);
transition:
color var(--trans),
background-color var(--trans);
height: max-content;
padding: 0 var(--pad-m);
margin: 0 0 0 calc(var(--pad-xl) * -1);
@ -149,7 +157,9 @@ article {
word-break: break-word;
border-style: solid;
border-width: 2px;
transition: background-color var(--trans), border-color var(--trans);
transition:
background-color var(--trans),
border-color var(--trans);
}
& pre,
@ -167,14 +177,17 @@ article {
display: flex;
flex-direction: column;
}
& ul:not([role="list"]):is(#art *) {
padding: 0;
margin: 0 0 var(--pad-sm) var(--pad-xl);
}
& li:not([role] *, #changelog *) {
&::marker {
content: none;
}
&::before {
content: "";
width: 20px;
@ -186,6 +199,7 @@ article {
margin: 0 0 0 calc(var(--pad-xl) * -1);
}
}
& section {
& a:has(figure) {
height: max-content;
@ -216,9 +230,11 @@ article {
img[src*="/assets/img/flag/"] {
height: 32px;
border-radius: 2px;
&:first-child {
margin-left: var(--pad-m);
}
&:not(:last-child) {
margin-right: var(--pad-m);
}
@ -226,13 +242,77 @@ img[src*="/assets/img/flag/"] {
.link {
display: inline-flex;
& a {
margin-right: 4px;
}
& img {
position: relative;
vertical-align: sub;
margin: 0 4px;
margin: 0 var(--pad-sm);
}
}
article a:not(.link *, a:has(img)) {
display: inline-flex;
padding: 0 var(--pad-sm);
}
dialog button[commandfor] {
width: max-content;
padding: 0 var(--pad-sm);
margin: 0 auto;
}
dialog#signal {
cursor: default;
background: black;
border: none;
margin: 0 auto;
text-align: center;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
position: fixed;
padding: var(--pad-xl);
& article {
display: flex;
flex-direction: column;
justify-content: center;
border: 0;
padding: 0;
margin: 0 auto;
max-width: fit-content;
background: none;
word-wrap: break-word;
color: white;
& h1 {
font-size: 4rem;
}
& p {
font-size: 2rem;
}
& a {
margin: auto 0 0 auto;
}
& h1,
p,
a {
font-family: "Times New Roman", Times, serif;
}
& img {
border: 4px solid white;
padding: var(--pad-sm);
max-width: 100%;
max-height: 250px;
}
}
}
@ -240,10 +320,12 @@ img[src*="/assets/img/flag/"] {
body::after {
content: "";
}
footer {
width: 100%;
margin: 0;
}
header {
padding-left: 0;
padding-top: var(--pad-m);