john/tractatus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Add opacity background and backdrop-blur utilities to theme CSS

Browse source 
bg-white/10, bg-white/20, backdrop-blur, and other Tailwind v3
opacity shorthand classes weren't compiled. Added them to
tractatus-theme.css so stat cards and glass-effect panels render.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
TheFlow 2026-02-07 15:57:52 +13:00
parent 45c6c361ba
commit 7fc0481a1b
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/css/tractatus-theme.css
View file

@ -714,6 +714,17 @@ h3 { letter-spacing: -0.015em; }
.to-gray-900 { --tw-gradient-to: #111827; }
.to-pink-600 { --tw-gradient-to: #db2777; }
/* Tailwind Opacity Background Utilities (v3 shorthand not in compiled CSS) */
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white\/20 { background-color: rgba(255, 255, 255, 0.2); }
.bg-white\/40 { background-color: rgba(255, 255, 255, 0.4); }
.bg-blue-800\/50 { background-color: rgba(30, 64, 175, 0.5); }
.bg-green-500\/20 { background-color: rgba(16, 185, 129, 0.2); }
.border-blue-400\/30 { border-color: rgba(96, 165, 250, 0.3); }
.border-green-300\/50 { border-color: rgba(110, 231, 183, 0.5); }
.border-white\/40 { border-color: rgba(255, 255, 255, 0.4); }
.backdrop-blur { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
/* Text Shadows */
.text-shadow-sm {
text-shadow: 0 1px 2px rgba(0,0,0,0.1);

2
public/css/tractatus-theme.min.css vendored
View file

File diff suppressed because one or more lines are too long