| @import './highlight-js.css'; | |
| @tailwind base; | |
| @tailwind components; | |
| @tailwind utilities; | |
| @layer components { | |
| .btn { | |
| @apply cursor-pointer select-none inline-flex justify-center items-center whitespace-nowrap border focus:outline-none focus:ring; | |
| } | |
| } | |
| @layer utilities { | |
| .scrollbar-custom { | |
| @apply !scrollbar-thin !scrollbar-w-1 !scrollbar-thumb-rounded-full !scrollbar-track-transparent !scrollbar-thumb-black/10 dark:!scrollbar-thumb-white/10; | |
| } | |
| .code-block { | |
| @apply relative bg-gray-100 dark:bg-gray-950 rounded-lg my-4; | |
| } | |
| .code-block > pre { | |
| @apply overflow-auto px-5 py-3.5 text-gray-500 dark:text-gray-400; | |
| } | |
| } | |