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

oh no i bit more than i could chew oh fuck oh shit *dies*

Browse source
This commit is contained in:
sundae 2026-04-07 11:43:33 +03:00
commit 19b436ead1
Signed by: sundae
SSH key fingerprint: SHA256:MsJkKuo4PUdjQDpLeaURy81drKkW14exlTHp+8QFu6M
73 changed files with 553 additions and 780 deletions
Download patch file Download diff file Expand all files Collapse all files

59
_src/assets/css/citrus/gallery.css
View file

@ -1,11 +1,28 @@
#gallery {
& article {
border-radius: 0;
border: 0;
border-radius: 4px;
box-shadow:
inset 0 0 0 4px color-mix(in lch, var(--light), var(--dark) 2%),
inset 0 0 0 8px var(--citrus-mix-dark),
var(--shadow-heavy);
background-color: color-mix(
in lch,
var(--citrus-mix-dark),
var(--citrus-mix)
);
background-image:
var(--noise),
linear-gradient(
135deg,
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);
transition:
border-color var(--trans),
background-color var(--trans);
box-shadow: var(--shadow-light);
&:is(:hover, :focus) {
& figure {
@ -16,30 +33,26 @@
}
& a figure {
border-width: 4px;
border-radius: 0;
&:is(:not(a:hover *, a:focus *)) {
border-color: var(--light);
background-color: var(--light);
}
}
}
#artworks {
article {
margin: var(--pad-xl) 0 0 0;
background-color: var(--light);
background-image: var(--noise), var(--lined);
background-size: auto, 32px;
&:last-child:not(:first-of-type) {
margin: calc(var(--pad-xl) + var(--pad-xl)) 0 0 0;
}
&::before {
content: "";
display: flex;
height: 32px;
width: calc(100% + var(--pad-xl) * 2);
margin: calc(var(--pad-xxl) * -1) 0 var(--pad-l) calc(var(--pad-xl) * -1);
background-image: var(--border), var(--lined), var(--noise);
background-size: 32px, 32px;
background-blend-mode: darken;
}
:is(#art li, #art section a):nth-child(odd) {
transform: var(--rot-minus);
}
#art div {
background-color: var(--citrus-light);
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;
}
}
}