2023-05-18 02:22:13 +03:00
|
|
|
@import 'tailwindcss/base';
|
|
|
|
@import 'tailwindcss/components';
|
|
|
|
@import 'tailwindcss/utilities';
|
|
|
|
|
|
|
|
|
2023-05-18 14:37:03 +03:00
|
|
|
main {
|
|
|
|
@apply max-w-screen-xl mx-auto flex flex-col min-h-screen;
|
2023-05-18 02:22:13 +03:00
|
|
|
}
|
|
|
|
|
2023-05-18 14:37:03 +03:00
|
|
|
header, section {
|
|
|
|
@apply px-5 md:px-10;
|
2023-05-21 02:20:55 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
@apply hover:text-primary dark:hover:text-gray-200 transition-colors;
|
|
|
|
}
|
|
|
|
|
|
|
|
@layer utilities {
|
|
|
|
.scrollbar::-webkit-scrollbar {
|
|
|
|
@apply w-2 h-2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scrollbar::-webkit-scrollbar-track {
|
|
|
|
/* border-radius: 5px; */
|
|
|
|
/* background: #fff; */
|
|
|
|
@apply bg-white dark:bg-black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scrollbar::-webkit-scrollbar-thumb {
|
|
|
|
/* background: #000; */
|
|
|
|
/* border-radius: 100vh; */
|
|
|
|
/* border: 3px solid #fff; */
|
|
|
|
@apply bg-gray-200 dark:bg-gray-600 border border-white rounded-sm;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scrollbar::-webkit-scrollbar-thumb:hover {
|
|
|
|
/* background: #000; */
|
|
|
|
@apply bg-gray-500;
|
|
|
|
}
|
2023-06-04 21:02:29 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.custom-prose {
|
|
|
|
max-height: 60vh; /* Adjust this value based on the desired maximum height */
|
|
|
|
overflow-y: auto; /* Enable vertical scroll if the content exceeds the maximum height */
|
|
|
|
padding-right: 1rem; /* Optional: Add some padding if the scrollbar appears, so the text is not squished */
|
2023-05-18 02:22:13 +03:00
|
|
|
}
|