mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 08:27:54 +08:00
45 lines
1.0 KiB
CSS
45 lines
1.0 KiB
CSS
@import "tailwindcss";
|
|
|
|
@custom-variant dark (&:is(.dark *));
|
|
|
|
@theme {
|
|
--color-bg_color: var(--el-bg-color);
|
|
--color-primary: var(--el-color-primary);
|
|
--color-text_color_primary: var(--el-text-color-primary);
|
|
--color-text_color_regular: var(--el-text-color-regular);
|
|
}
|
|
|
|
/*
|
|
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);
|
|
}
|
|
}
|
|
|
|
@utility flex-c {
|
|
@apply flex justify-center items-center;
|
|
}
|
|
|
|
@utility flex-ac {
|
|
@apply flex justify-around items-center;
|
|
}
|
|
|
|
@utility flex-bc {
|
|
@apply flex justify-between items-center;
|
|
}
|
|
|
|
@utility navbar-bg-hover {
|
|
@apply dark:text-white dark:hover:bg-[#242424]!;
|
|
}
|