Files
fizzy/app/assets/stylesheets/golden-effect.css
T
Jorge Manrubia 0278fe6ae4 Revert "Mobile app / Scoped stylesheets" (#1698)
This reverts commit 39c1906e67.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-16 17:20:18 +01:00

19 lines
855 B
CSS

@layer components {
.golden-effect {
/* Uncomment below to use the card color for golden effect */
/* --color-golden: color-mix(in srgb, var(--card-color) 35%, transparent); */
background-color: color-mix(in srgb, var(--color-golden) 4%, var(--color-canvas));
background-image: linear-gradient(60deg,
color-mix(in srgb, var(--color-golden) 45%, transparent) 0%,
color-mix(in srgb, var(--color-golden) 10%, transparent) 33%,
color-mix(in srgb, var(--color-golden) 5%, transparent) 66%,
color-mix(in srgb, var(--color-golden) 45%, transparent) 100%
);
box-shadow:
0 0 0 1px color-mix(in oklch, var(--color-golden) 100%, transparent),
0 0 0.2em 0.2em color-mix(in oklch, var(--color-golden) 25%, transparent),
0 0 1em 0.5em color-mix(in oklch, var(--color-golden) 25%, transparent);
}
}