60 lines
1.1 KiB
CSS
60 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
body {
|
|
@apply bg-white text-apple-gray-800 antialiased;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', sans-serif;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.glass-effect {
|
|
@apply bg-white/70 backdrop-blur-xl;
|
|
}
|
|
|
|
.text-gradient {
|
|
@apply bg-clip-text text-transparent bg-gradient-to-r from-apple-blue to-purple-600;
|
|
}
|
|
|
|
.apple-shadow {
|
|
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.apple-shadow-lg {
|
|
box-shadow: 2px 8px 24px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.button-hover {
|
|
@apply transition-all duration-300 ease-out hover:scale-105 active:scale-95;
|
|
}
|
|
}
|
|
|
|
/* Scrollbar Styles */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
@apply bg-apple-gray-50;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
@apply bg-apple-gray-300 rounded-full;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
@apply bg-apple-gray-400;
|
|
}
|
|
|
|
/* Selection */
|
|
::selection {
|
|
@apply bg-apple-blue/20 text-apple-gray-900;
|
|
}
|
|
|