CoolFace
Apppublic

pranavjrat/top-github-actions

sourceHugging Facegpl-3.0updated 3mo agoView on Hugging Face
0likes
index.css67 linesDownload Raw Back to src
1@tailwind base;2@tailwind components;3@tailwind utilities;4 5@layer base {6  :root {7    --background: 0 0% 100%;8    --foreground: 222.2 84% 4.9%;9 10    --card: 0 0% 100%;11    --card-foreground: 222.2 84% 4.9%;12 13    --popover: 0 0% 100%;14    --popover-foreground: 222.2 84% 4.9%;15 16    --primary: 222.2 47.4% 11.2%;17    --primary-foreground: 210 40% 98%;18 19    --secondary: 210 40% 96.1%;20    --secondary-foreground: 222.2 47.4% 11.2%;21 22    --muted: 210 40% 96.1%;23    --muted-foreground: 215.4 16.3% 46.9%;24 25    --accent: 210 40% 96.1%;26    --accent-foreground: 222.2 47.4% 11.2%;27 28    --destructive: 0 84.2% 60.2%;29    --destructive-foreground: 210 40% 98%;30 31    --border: 214.3 31.8% 91.4%;32    --input: 214.3 31.8% 91.4%;33    --ring: 222.2 84% 4.9%;34 35    --radius: 1rem;36  }37}38 39@layer base {40  * {41    @apply border-border;42  }43  body {44    @apply bg-slate-50 text-slate-900 antialiased;45    font-feature-settings: "cv02", "cv03", "cv04", "cv11";46  }47}48 49/* Glassmorphism utility for light theme */50.glass-panel {51  background: rgba(255, 255, 255, 0.7);52  backdrop-filter: blur(16px);53  -webkit-backdrop-filter: blur(16px);54  border: 1px solid rgba(0, 0, 0, 0.05);55}56 57/* Smooth micro-animations */58.hover-card-trigger {59  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s;60}61 62.hover-card-trigger:hover {63  transform: translateY(-2px);64  border-color: rgba(99, 102, 241, 0.2);65  box-shadow: 0 12px 24px -10px rgba(99, 102, 241, 0.15), 0 4px 12px -5px rgba(0, 0, 0, 0.05);66}67