Stronger hover on gold buttons: brighter fill, lift and glow; v2.33.2

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-13 08:10:17 -04:00
1 parent f3fdd32943
commit b04a8b30cd
3 files changed
+25 -3

No files matched your search

+2 -2
View File
@@ -1,12 +1,12 @@
{ {
"name": "siteforge", "name": "siteforge",
"version": "2.33.1", "version": "2.33.2",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "siteforge", "name": "siteforge",
"version": "2.33.1", "version": "2.33.2",
"dependencies": { "dependencies": {
"@aws-sdk/client-s3": "^3.1135.0", "@aws-sdk/client-s3": "^3.1135.0",
"@dnd-kit/core": "^6.3.1", "@dnd-kit/core": "^6.3.1",
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"name": "siteforge", "name": "siteforge",
"private": true, "private": true,
"version": "2.33.1", "version": "2.33.2",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
+22
View File
@@ -13913,3 +13913,25 @@ a.study-track-card:hover {
.si-pill--on, .si-pill--on,
.si-pill--on:hover { background: var(--brand-gold); border-color: var(--brand-gold); color: var(--brand-black); } .si-pill--on:hover { background: var(--brand-gold); border-color: var(--brand-gold); color: var(--brand-black); }
.consent-actions .btn-secondary { background: rgba(201, 168, 76, 0.14); color: #ecdfb8; border-color: rgba(201, 168, 76, 0.5); } .consent-actions .btn-secondary { background: rgba(201, 168, 76, 0.14); color: #ecdfb8; border-color: rgba(201, 168, 76, 0.5); }
/* ── Gold button hover: clearly brighter, lifted, with a glow ── */
.btn-primary,
.consent-btn--accept {
transition: background 160ms, box-shadow 160ms, transform 160ms, opacity 200ms;
}
.btn-primary:not(:disabled):hover,
.consent-btn--accept:hover {
opacity: 1;
background: #f0d276;
color: #1a1608;
transform: translateY(-3px);
box-shadow: 0 8px 22px rgba(201, 168, 76, 0.55), 0 0 0 3px rgba(240, 210, 118, 0.28);
}
.btn-primary:not(:disabled):active,
.consent-btn--accept:active {
transform: translateY(0);
background: #c9a84c;
box-shadow: 0 2px 6px rgba(201, 168, 76, 0.4);
}
.btn-primary:focus-visible,
.consent-btn:focus-visible { outline: 2px solid #f0d276; outline-offset: 3px; }