2025-06-10 22:39:11 +02:00
|
|
|
@import "./theme/theme.css";
|
2025-02-06 19:57:07 +01:00
|
|
|
@import "tailwindcss";
|
2024-09-09 17:38:03 +02:00
|
|
|
|
2025-06-10 22:05:10 +02:00
|
|
|
@plugin "tailwind-scrollbar";
|
2025-02-01 20:15:50 +01:00
|
|
|
|
|
|
|
|
@theme {
|
2025-06-10 22:05:10 +02:00
|
|
|
--color-contrast: var(--contrast);
|
|
|
|
|
--color-neutral-900: var(--neutral-900);
|
|
|
|
|
--color-neutral-800: var(--neutral-800);
|
|
|
|
|
--color-neutral-700: var(--neutral-700);
|
|
|
|
|
--color-neutral-600: var(--neutral-600);
|
|
|
|
|
--color-neutral-500: var(--neutral-500);
|
|
|
|
|
--color-neutral-400: var(--neutral-400);
|
|
|
|
|
--color-neutral-300: var(--neutral-300);
|
|
|
|
|
--color-neutral-200: var(--neutral-200);
|
|
|
|
|
--color-neutral-100: var(--neutral-100);
|
|
|
|
|
--color-accent-600: var(--accent-600);
|
|
|
|
|
--color-accent-500: var(--accent-500);
|
|
|
|
|
--color-accent-400: var(--accent-400);
|
2024-09-30 17:09:12 +02:00
|
|
|
}
|
|
|
|
|
|
2025-02-01 20:15:50 +01:00
|
|
|
@utility article {
|
2026-10-23 18:23:49 +02:00
|
|
|
@apply mx-auto mb-4 w-full max-w-4xl rounded-sm bg-neutral-800/40 px-2 py-4 sm:px-4;
|
2025-02-01 20:15:50 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@utility btn-primary {
|
2026-10-23 18:23:49 +02:00
|
|
|
@apply bg-accent-500 text-contrast hover:bg-accent-400 cursor-pointer rounded-sm p-2 transition-colors sm:p-4;
|
2025-02-01 20:15:50 +01:00
|
|
|
}
|
|
|
|
|
|
2025-05-23 21:36:26 +02:00
|
|
|
@utility btn-secondary {
|
2026-10-23 18:23:49 +02:00
|
|
|
@apply text-contrast cursor-pointer rounded-sm bg-neutral-400 p-2 transition-colors hover:bg-neutral-300 sm:p-4;
|
2025-05-23 21:36:26 +02:00
|
|
|
}
|
