andre/fitme3070.pt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(site): flatter wall gradient, softer box-shadow glow on buttons

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
andreandClaude Sonnet 5.5 committed 2026-10-13 18:24:01 +01:00
1 parent e52709b926
commit 348e7d6848
1 file changed
+4 -4
Download Patch File Download Diff File Expand all files Collapse all files
site/assets/css/style.css
+4 -4
View File
@@ -395,7 +395,7 @@ section[id] {
top: calc(100% + var(--bw));
width: calc(100% + var(--bw) * 2 + var(--depth-x));
height: var(--depth);
background: linear-gradient(to right, var(--wall-lo) 0%, var(--wall) 12%, var(--wall-hi) 50%, var(--wall) 88%, var(--wall-lo) 100%);
background: linear-gradient(to right, var(--wall-lo) 0%, var(--wall) 1%, var(--wall-hi) 50%, var(--wall) 99%, var(--wall-lo) 100%);
clip-path: polygon(0 0, calc(100% - var(--depth-x)) 0, 100% 100%, var(--depth-x) 100%);
transform: scaleY(0);
}
@@ -434,9 +434,9 @@ section[id] {
transform: translate(calc(var(--depth-x) * -1), calc(var(--depth) * -1));
/* inner glow on the face (the "lit from inside" look) + a halo round the
whole solid; drop-shadow follows the clipped walls, box-shadow can't */
box-shadow: inset 0 0 18px 2px rgba(var(--fitme-accent-rgb), .55),
inset 0 0 4px 0 rgba(var(--fitme-accent-rgb), .8),
0 0 22px 3px rgba(var(--fitme-accent-rgb), .45);
box-shadow: inset 0 0 14px 1px rgba(var(--fitme-accent-rgb), .4),
inset 0 0 3px 0 rgba(var(--fitme-accent-rgb), .6),
0 0 12px 1px rgba(var(--fitme-accent-rgb), .25);
filter: drop-shadow(0 0 5px rgba(var(--fitme-accent-rgb), .9)) drop-shadow(0 0 14px rgba(var(--fitme-accent-rgb), .55));
transition-duration: 250ms, 250ms, 450ms, 450ms, 450ms, 450ms;
transition-timing-function: cubic-bezier(.3, .7, .4, 1.5), cubic-bezier(.3, .7, .4, 1.5), ease, ease, ease, ease;