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

yay website

Browse source
This commit is contained in:
sundae 2025-06-11 09:36:54 +03:00
parent 623e26a808
commit 4d44fd94a2
No known key found for this signature in database
585 changed files with 5066 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

133
_src/assets/css/gallery.css Normal file
View file

@ -0,0 +1,133 @@
@media (prefers-color-scheme: light) {
#artworks {
& a {
transition: color var(--trans), background-color var(--trans),
border-color var(--trans);
& figure {
color: var(--primary-dark-400);
border-color: var(--primary-600);
background-color: var(--primary-300);
& time {
color: var(--primary-dark-500);
}
& figcaption {
color: var(--primary-dark-500);
}
&:is(:hover, :focus) {
border-color: currentColor;
background-color: var(--primary-500);
}
}
}
}
}
@media (prefers-color-scheme: dark) {
#artworks {
& a {
transition: color var(--trans), background-color var(--trans),
border-color var(--trans);
& figure {
color: var(--secondary-light-400);
border-color: var(--secondary-600);
background-color: var(--secondary-300);
& time {
color: var(--secondary-light-500);
}
& figcaption {
color: var(--secondary-light-500);
}
&:is(:hover, :focus) {
border-color: currentColor;
background-color: var(--secondary-500);
}
}
}
}
}
#artworks {
& ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr));
padding: 0;
margin: 0;
gap: 1rem;
}
& h2 {
margin: 2rem 0;
font-size: 2rem;
&:first-of-type {
margin-top: 0;
}
}
& a {
display: block;
text-decoration: unset;
& figure {
margin: 0;
padding: 0.4rem;
border-width: 2px;
border-style: solid;
border-radius: 0.4rem;
& img {
display: flex;
height: 12rem;
width: 100%;
border-bottom: unset;
object-fit: contain;
border-radius: inherit;
}
& figcaption {
font-family: Urbanist, sans-serif;
font-size: 1.2rem;
}
}
}
}
#gallery article {
& figure {
& time {
display: flex;
font-weight: bold;
}
& a {
width: fit-content;
& img {
min-height: fit-content;
max-height: 18rem;
object-fit: contain;
border-radius: inherit;
border-style: inherit;
border-width: inherit;
border-color: inherit;
}
}
}
& > section {
margin-top: 1rem;
&:has(figure:nth-child(n + 2)) {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
}
}
}