57 lines
1.4 KiB
CSS
57 lines
1.4 KiB
CSS
@import "tailwindcss";
|
|
|
|
/* Dark mode configuration */
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
|
|
/* Custom Styles */
|
|
@theme {
|
|
/* Enable class-based dark mode */
|
|
--color-scheme: class;
|
|
--color-primary-50: #f0f9ff;
|
|
--color-primary-100: #e0f2fe;
|
|
--color-primary-200: #bae6fd;
|
|
--color-primary-300: #7dd3fc;
|
|
--color-primary-400: #38bdf8;
|
|
--color-primary-500: #0ea5e9;
|
|
--color-primary-600: #0284c7;
|
|
--color-primary-700: #0369a1;
|
|
--color-primary-800: #075985;
|
|
--color-primary-900: #0c4a6e;
|
|
--color-primary-950: #082f49;
|
|
|
|
--color-accent-50: #fdf4ff;
|
|
--color-accent-100: #fae8ff;
|
|
--color-accent-200: #f5d0fe;
|
|
--color-accent-300: #f0abfc;
|
|
--color-accent-400: #e879f9;
|
|
--color-accent-500: #d946ef;
|
|
--color-accent-600: #c026d3;
|
|
--color-accent-700: #a21caf;
|
|
--color-accent-800: #86198f;
|
|
--color-accent-900: #701a75;
|
|
--color-accent-950: #4a044e;
|
|
}
|
|
|
|
/* Utility Classes */
|
|
.line-clamp-1 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.line-clamp-2 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
}
|