45 lines
1.3 KiB
CSS
45 lines
1.3 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-gray-200;
|
|
}
|
|
|
|
body {
|
|
@apply bg-white text-gray-900 font-sans;
|
|
font-family: "Inter", system-ui, -apple-system, sans-serif;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.card {
|
|
@apply rounded-lg border border-gray-200 bg-white text-gray-900 shadow-sm;
|
|
}
|
|
|
|
.btn {
|
|
@apply inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-white;
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply btn bg-green-600 text-white hover:bg-green-700 h-10 px-4 py-2;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply btn bg-gray-100 text-gray-900 hover:bg-gray-200 h-10 px-4 py-2;
|
|
}
|
|
|
|
.input {
|
|
@apply flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
|
|
}
|
|
|
|
.label {
|
|
@apply text-sm font-medium leading-none text-gray-700;
|
|
}
|
|
}
|
|
|
|
|