92 lines
1.4 KiB
CSS
92 lines
1.4 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* FONTS */
|
|
|
|
@layer base {
|
|
h1, h2, h3, h4, h5 {
|
|
@apply font-sans;
|
|
}
|
|
}
|
|
|
|
/* OTHERS */
|
|
|
|
html {
|
|
/* scroll-behavior: smooth; */
|
|
}
|
|
|
|
/* bg-neutral-800
|
|
@apply bg-slate-800
|
|
*/
|
|
body {
|
|
@apply bg-slate-900;
|
|
@apply text-slate-400;
|
|
}
|
|
|
|
.extra-small {
|
|
font-size: 0.50rem;
|
|
}
|
|
|
|
/* tooltip fade-out clip */
|
|
.tooltip-body::after {
|
|
content: "";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 3.6rem; /* multiple of $line-height used on the tooltip body (defined in tooltipBodyStyle) */
|
|
height: 1.2rem; /* ($top + $height)/$line-height is the number of lines we want to clip tooltip text at*/
|
|
width: 10rem;
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
|
|
}
|
|
|
|
/* rehype-toc classes */
|
|
.toc {
|
|
@apply
|
|
hidden
|
|
lg:block
|
|
w-[20rem]
|
|
px-8
|
|
py-24
|
|
fixed
|
|
top-16
|
|
/* bottom-0 */
|
|
right-[max(2rem,calc(50%-40rem+2rem))]
|
|
overflow-y-auto
|
|
border-2
|
|
border-red-500
|
|
}
|
|
|
|
.toc::before {
|
|
position: absolute;
|
|
content: "On this page";
|
|
@apply text-white text-xl font-semibold top-12
|
|
}
|
|
|
|
.toc-item {
|
|
@apply leading-3;
|
|
}
|
|
|
|
.toc-item-h1 {
|
|
@apply p-0;
|
|
}
|
|
|
|
.toc-level {
|
|
@apply list-none p-0;
|
|
}
|
|
|
|
.toc-level:not(.toc-level-1) {
|
|
@apply pl-2
|
|
}
|
|
|
|
.toc-item .toc-link {
|
|
@apply text-sm text-slate-400 no-underline break-normal
|
|
}
|
|
|
|
.toc-item .toc-link:not(.active) {
|
|
@apply hover:text-white
|
|
}
|
|
|
|
.toc-link.active {
|
|
@apply text-yellow-li
|
|
}
|