64 lines
1.3 KiB
CSS
64 lines
1.3 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
|
|
@config '../tailwind.config.cjs';
|
|
|
|
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentColor);
|
|
}
|
|
}
|
|
|
|
@utility no-scrollbar {
|
|
/* Custom properties for easy color and size adjustments */
|
|
--scrollbar-width: 2px;
|
|
--scrollbar-track-color: #08080A;
|
|
--scrollbar-thumb-color: #888;
|
|
--scrollbar-thumb-hover-color: #555;
|
|
|
|
/* Prevent horizontal scrolling, allow vertical scrolling */
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
|
|
/* WebKit browsers (Chrome, Safari, Opera) */
|
|
&::-webkit-scrollbar {
|
|
width: var(--scrollbar-width);
|
|
height: 0; /* Hides horizontal scrollbar */
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
background: var(--scrollbar-track-color);
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thumb-color);
|
|
border-radius: 4px;
|
|
border: 1px solid var(--scrollbar-track-color);
|
|
}
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--scrollbar-thumb-hover-color);
|
|
}
|
|
|
|
/* Firefox styling */
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
|
|
|
|
/* IE and Edge */
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
}
|
|
|
|
|
|
@layer utilities {
|
|
|
|
.table {
|
|
tr {
|
|
@apply border-b border-gray-300 dark:border-gray-800;
|
|
}
|
|
|
|
}
|
|
}
|
|
|