File size: 1,561 Bytes
4fdaf19 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | @tailwind base;
@tailwind components;
@tailwind utilities;
/* Base — moved from the CDN <style> block in index.html. */
@layer base {
html {
font-family: 'Inter', system-ui, sans-serif;
background-color: #050505;
color: #ffffff;
}
/* Motion is opt-out for users who prefer reduced motion (spec §11). */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
}
}
}
@layer components {
.bg-glass {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.gradient-text {
background: linear-gradient(to right, #fff, #aaa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Skeleton loader (spec §11): shimmering placeholder for API-backed panels. */
.skeleton {
position: relative;
overflow: hidden;
background: #101014;
}
.skeleton::after {
content: '';
position: absolute;
inset: 0;
transform: translateX(-100%);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);
animation: shimmer 1.4s infinite;
}
}
/* Custom scrollbar (from the old inline styles). */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #050505;
}
::-webkit-scrollbar-thumb {
background: #333;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
|