zaine/org_web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

avatars plus other changes
All checks were successful
Build Org Website / build (push) Successful in 51s
Details

Browse Source
This commit is contained in:
Zaine
2026-05-11 15:44:30 +01:00
parent ae591de204
commit 5df4871ecc
7 changed files with 532 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
assets/styles/hidden-details.css
View File

@@ -49,8 +49,9 @@
}
.hidden-avatar {
width: 2rem;
height: 2rem;
--hidden-avatar-size: 2rem;
width: var(--hidden-avatar-size);
height: var(--hidden-avatar-size);
display: inline-grid;
place-items: center;
flex: 0 0 auto;
@@ -60,13 +61,40 @@
0 0 18px color-mix(in oklab, var(--hidden-avatar-color, var(--accent)) 18%, transparent);
overflow: hidden;
animation: hidden-avatar-breathe 6s ease-in-out infinite;
transition: box-shadow 180ms ease, filter 180ms ease, transform 180ms ease;
}
.hidden-avatar svg {
.hidden-avatar--tiny { --hidden-avatar-size: 1.35rem; }
.hidden-avatar--small { --hidden-avatar-size: 2rem; }
.hidden-avatar--medium { --hidden-avatar-size: 2.75rem; }
.hidden-avatar--large { --hidden-avatar-size: 4rem; }
.hidden-avatar img,
.hidden-avatar__fallback {
width: 100%;
height: 100%;
display: block;
shape-rendering: geometricPrecision;
}
.hidden-avatar img {
object-fit: cover;
border-radius: inherit;
}
.hidden-avatar__fallback {
place-items: center;
color: color-mix(in oklab, var(--hidden-avatar-color, var(--accent)) 38%, var(--fg));
font-weight: 850;
}
.hidden-avatar__fallback:not([hidden]) {
display: grid;
}
.hidden-avatar:hover {
box-shadow: 0 0 0 1px color-mix(in oklab, var(--hidden-avatar-color, var(--accent)) 54%, color-mix(in oklab, #fff 20%, transparent)),
0 0 24px color-mix(in oklab, var(--hidden-avatar-color, var(--accent)) 28%, transparent);
filter: saturate(1.08);
}
.hidden-toast.is-visible {