34 lines
1.1 KiB
CSS
34 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
html {
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
body {
|
|
@apply bg-dark-900 text-white antialiased;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn-primary {
|
|
@apply inline-flex items-center justify-center rounded-xl bg-primary-600 px-6 py-3 font-semibold text-white transition-all hover:bg-primary-700 active:scale-95;
|
|
}
|
|
.btn-secondary {
|
|
@apply inline-flex items-center justify-center rounded-xl border border-white/20 bg-white/5 px-6 py-3 font-semibold text-white transition-all hover:bg-white/10 active:scale-95;
|
|
}
|
|
.btn-danger {
|
|
@apply inline-flex items-center justify-center rounded-xl bg-red-600 px-4 py-2 font-semibold text-white transition-all hover:bg-red-700 active:scale-95;
|
|
}
|
|
.input {
|
|
@apply w-full rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-white placeholder-white/40 outline-none transition-all focus:border-primary-500 focus:ring-2 focus:ring-primary-500/30;
|
|
}
|
|
.label {
|
|
@apply mb-1 block text-sm font-medium text-white/70;
|
|
}
|
|
.card {
|
|
@apply rounded-2xl border border-white/10 bg-white/5 p-5;
|
|
}
|
|
}
|