34 lines
1.0 KiB
CSS
34 lines
1.0 KiB
CSS
@import "tailwindcss";
|
|
@import "@nuxt/ui";
|
|
@plugin "@tailwindcss/typography";
|
|
|
|
/* Offset anchor scroll for sticky header (h-16 = 64px + 16px breathing room) */
|
|
.prose :is(h1, h2, h3, h4, h5, h6) {
|
|
scroll-margin-top: 5rem;
|
|
}
|
|
|
|
/* Code blocks: always dark regardless of color mode.
|
|
ProsePre wrapper owns the background (#0d1117).
|
|
Target pre span directly — .shiki class is absent when ProsePre overrides <pre>. */
|
|
.shiki, pre span {
|
|
color: var(--shiki-dark) !important;
|
|
background-color: transparent !important;
|
|
font-style: var(--shiki-dark-font-style) !important;
|
|
font-weight: var(--shiki-dark-font-weight) !important;
|
|
text-decoration: var(--shiki-dark-text-decoration) !important;
|
|
}
|
|
|
|
@theme {
|
|
--color-brand-50: #f0faf0;
|
|
--color-brand-100: #dcf3dc;
|
|
--color-brand-200: #bbe8bb;
|
|
--color-brand-300: #8dd98d;
|
|
--color-brand-400: #a3d6a3;
|
|
--color-brand-500: #85cb85;
|
|
--color-brand-600: #5aaa5a;
|
|
--color-brand-700: #3f8c3f;
|
|
--color-brand-800: #2e6b2e;
|
|
--color-brand-900: #1f4f1f;
|
|
--color-brand-950: #122d12;
|
|
}
|