sundae/website
sundae/website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

gallery categories modularized, removed music lists, added listenbrainz to outgoing, icons, css cleanup

Browse source
This commit is contained in:
sundae 2026-06-04 14:05:36 +03:00
commit d376e04015
24 changed files with 474 additions and 606 deletions
Download patch file Download diff file Expand all files Collapse all files

64
_src/assets/css/citrus/citrus.css
View file

@ -63,24 +63,23 @@ main article {
color-mix(in lch, var(--citrus-mix-dark), var(--citrus-mix)),
var(--citrus-mix-dark)
);
}
& a:has(figure) {
font-family: "Urbanist", sans-serif;
transition:
border-color var(--trans),
background-color var(--trans);
box-shadow: var(--shadow-light);
&:is(:hover, :focus) {
& figure {
transition: inherit;
border-color: currentColor;
& a:has(figure) {
transition:
border-color var(--trans),
background-color var(--trans);
box-shadow: var(--shadow-light);
&:is(:hover, :focus) {
& figure {
transition: inherit;
border-color: currentColor;
}
}
&:is(:not(:hover, :focus)) {
border-color: var(--light);
background-color: var(--light);
}
}
}
& a:is(:not(:hover, :focus)) figure {
border-color: var(--light);
background-color: var(--light);
}
}
:is(#art li, #art section a):nth-child(odd) {
transform: var(--rot-minus);
@ -90,11 +89,11 @@ main article {
background-image: var(--noise), var(--paper);
background-size: auto, 4px;
box-shadow: var(--shadow-light);
margin-bottom: var(--pad-xl);
padding: var(--pad-xl);
transform: var(--rot-plus);
& p {
line-height: 32px;
padding: 0;
}
}
#blog {
@ -151,24 +150,7 @@ main article {
& s {
text-decoration-color: #d00;
}
& .postscript {
& span:has([alt]) {
&::after {
content: "";
width: var(--avatar);
height: var(--avatar);
position: absolute;
margin: 5px;
background-image:
radial-gradient(circle at 0px 0px, var(--light), transparent 50%),
linear-gradient(
135deg,
transparent 15%,
var(--light) 20%,
color-mix(in lch, var(--light), transparent 90%) 50%
);
}
}
& .postscript {
& [alt="Profile picture"] {
color: unset;
border-radius: inherit;
@ -182,15 +164,8 @@ main article {
border-width: 3px;
box-sizing: inherit;
padding: 2px;
background-image:
radial-gradient(
ellipse at 50% -0%,
var(--light) 20%,
var(--dark) 150%
),
var(--pansexual);
background-blend-mode: overlay, normal;
background-size: cover, 100%;
background-image: var(--agender);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
box-shadow:
@ -222,9 +197,6 @@ main article {
}
}
@media screen and (min-width: 916px) {
nav#default {
height: max-content;
}
header {
margin-top: 0;
}