wehub-resource-sync
61 lines
1.6 KiB
CSS
61 lines
1.6 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
|
|
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
body {
|
|
background: #050505;
|
|
color: white;
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
:root {
|
|
--color-primary: #22d3ee;
|
|
--bg-app: #030303;
|
|
--bg-panel: #0a0a0a;
|
|
--bg-card: #111111;
|
|
--border-color: rgba(255,255,255,0.05);
|
|
--border-radius-xl: 0.75rem;
|
|
--glass-bg: rgba(255, 255, 255, 0.03);
|
|
--glass-border: rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
.glass-panel {
|
|
background: var(--glass-bg);
|
|
backdrop-filter: blur(12px);
|
|
border: 1px solid var(--glass-border);
|
|
}
|
|
|
|
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
|
|
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
|
|
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; }
|
|
|
|
.scrollbar-none::-webkit-scrollbar {
|
|
height: 2px;
|
|
width: 2px;
|
|
}
|
|
.scrollbar-none::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
.scrollbar-none::-webkit-scrollbar-thumb {
|
|
background: rgba(255, 255, 255, 0.12);
|
|
border-radius: 999px;
|
|
}
|
|
.scrollbar-none::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(255, 255, 255, 0.25);
|
|
}
|
|
.scrollbar-none {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
|
|
}
|
|
|
|
@keyframes fade-in-up {
|
|
from { opacity: 0; transform: translateY(12px); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
.animate-fade-in-up { animation: fade-in-up 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
|