45 lines
1.0 KiB
CSS
45 lines
1.0 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--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;
|
|
}
|
|
|
|
@variant dark (&:where(.dark, .dark *));
|
|
|
|
/* 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;
|
|
}
|