39 lines
1.0 KiB
CSS
39 lines
1.0 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
html {
|
|
font-family: 'Inter', system-ui, sans-serif;
|
|
}
|
|
|
|
body {
|
|
@apply antialiased;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn {
|
|
@apply inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors duration-200;
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply btn bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply btn bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500;
|
|
}
|
|
|
|
.btn-outline {
|
|
@apply btn border-gray-300 text-gray-700 bg-white hover:bg-gray-50 focus:ring-primary-500;
|
|
}
|
|
|
|
.input {
|
|
@apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm;
|
|
}
|
|
|
|
.card {
|
|
@apply bg-white dark:bg-gray-800 shadow rounded-lg;
|
|
}
|
|
} |