File size: 4,015 Bytes
1d04bf7 fd8a2ca f43a7e1 e8b095b f43a7e1 fd8a2ca 70bf8f4 fd8a2ca 21b8785 f18ddf0 21b8785 fd8a2ca 4331e77 fd8a2ca 70bf8f4 fd8a2ca 4331e77 1cfefdd 4331e77 035f80d cede9a2 4331e77 1287d07 4e1ceff 72bda43 4e1ceff 72bda43 4e1ceff 72bda43 4e1ceff 72bda43 4e1ceff 72bda43 4e1ceff 72bda43 4e1ceff 72bda43 4e1ceff fd8a2ca d63153f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 |
@import "./highlight-js.css";
@tailwind base;
@tailwind components;
@tailwind utilities;
html,
body {
overscroll-behavior: none;
touch-action: pan-x pan-y;
}
@layer components {
.btn {
@apply inline-flex flex-shrink-0 cursor-pointer select-none items-center justify-center whitespace-nowrap outline-none transition-all focus:ring disabled:cursor-default;
}
.active-model {
/* Ensure active border wins over defaults/utilities in both themes */
@apply !border-black dark:!border-white/60;
}
.file-hoverable {
@apply hover:bg-gray-500/10;
}
.base-tool {
@apply flex h-[1.6rem] items-center gap-[.2rem] whitespace-nowrap border border-transparent text-xs outline-none transition-all focus:outline-none active:outline-none dark:hover:text-gray-300 sm:hover:text-purple-600;
}
.active-tool {
@apply rounded-full !border-purple-200 bg-purple-100 pl-1 pr-2 text-purple-600 hover:text-purple-600 dark:!border-purple-700 dark:bg-purple-600/40 dark:text-purple-200;
}
}
@layer utilities {
/* your existing utilities */
.scrollbar-custom {
@apply scrollbar-thin scrollbar-track-transparent scrollbar-thumb-black/10 scrollbar-thumb-rounded-full scrollbar-w-1 hover:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/10 dark:hover:scrollbar-thumb-white/20;
}
.scrollbar-custom::-webkit-scrollbar {
background-color: transparent;
width: 8px;
height: 8px;
}
.dark .scrollbar-custom::-webkit-scrollbar {
background-color: rgba(17, 17, 17, 0.85);
}
/* Rounded top/bottom caps for vertical scrollbars (Chrome/Edge/Safari) */
.scrollbar-custom::-webkit-scrollbar-track {
@apply rounded-full bg-clip-padding; /* clip bg to padding so caps look round */
/* space for the end caps — tweak with Tailwind spacing */
border-top: theme("spacing.2") solid transparent; /* 0.5rem */
border-bottom: theme("spacing.2") solid transparent; /* 0.5rem */
}
/* Rounded left/right caps for horizontal scrollbars */
.scrollbar-custom::-webkit-scrollbar-track:horizontal {
@apply rounded-full bg-clip-padding;
border-left: theme("spacing.2") solid transparent;
border-right: theme("spacing.2") solid transparent;
border-top-width: 0;
border-bottom-width: 0;
}
.no-scrollbar {
@apply [-ms-overflow-style:none] [scrollbar-width:none] [&::-ms-scrollbar]:hidden [&::-webkit-scrollbar]:hidden;
}
.prose table {
@apply block max-w-full overflow-x-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-black/10 scrollbar-thumb-rounded-full scrollbar-w-1 hover:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/10 dark:hover:scrollbar-thumb-white/20;
}
/* .scrollbar-custom {
@apply scrollbar-thin scrollbar-track-transparent scrollbar-thumb-black/10 scrollbar-thumb-rounded-full scrollbar-w-1 hover:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/10 dark:hover:scrollbar-thumb-white/20;
} */
.prose hr {
@apply my-4;
}
.prose strong {
@apply font-medium;
}
.prose pre {
@apply border-[0.5px] bg-white text-gray-600 dark:border-gray-700 dark:!bg-gray-900 dark:bg-inherit dark:text-inherit;
}
/* Override prose-sm title sizes - 75% of original */
.prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 1.6em; /* 75% */
@apply font-semibold;
}
.prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 1.07em; /* 75% */
@apply font-semibold;
}
.prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 0.96em; /* 75% */
@apply font-semibold;
}
.prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 0.8em; /* 75% */
@apply font-semibold;
}
.prose-sm :where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 0.75em; /* 75% */
@apply font-semibold;
}
.prose-sm :where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 0.7em; /* 75% */
@apply font-semibold;
}
}
.katex-display {
overflow: auto hidden;
}
|