51 lines
1.2 KiB
CSS
51 lines
1.2 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@plugin 'tailwindcss-primeui';
|
|
|
|
@custom-variant dark (&:where([class*="app-dark"], [class*="app-dark"] *));
|
|
|
|
@theme {
|
|
--breakpoint-*: initial;
|
|
--breakpoint-sm: 576px;
|
|
--breakpoint-md: 768px;
|
|
--breakpoint-lg: 992px;
|
|
--breakpoint-xl: 1200px;
|
|
--breakpoint-2xl: 1920px;
|
|
}
|
|
|
|
/*
|
|
The default border color has changed to `currentcolor` in Tailwind CSS v4,
|
|
so we've added these compatibility styles to make sure everything still
|
|
looks the same as it did with Tailwind CSS v3.
|
|
|
|
If we ever want to remove these styles, we need to add an explicit border
|
|
color utility to any element that depends on these defaults.
|
|
*/
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentcolor);
|
|
}
|
|
}
|
|
|
|
/* Global hover utility for light and dark mode compatibility */
|
|
@layer utilities {
|
|
.hover-row:hover {
|
|
background-color: rgba(128, 128, 128, 0.1);
|
|
transition: background-color 0.15s ease-in-out;
|
|
}
|
|
|
|
.hover-item:hover {
|
|
background-color: rgba(128, 128, 128, 0.08);
|
|
transition: background-color 0.15s ease-in-out;
|
|
}
|
|
|
|
.hover-card:hover {
|
|
background-color: rgba(128, 128, 128, 0.05);
|
|
transition: background-color 0.15s ease-in-out;
|
|
}
|
|
}
|