mirror of
https://github.com/vercel/flags.git
synced 2026-09-19 03:49:23 +08:00
Rich Haines
43 lines
1020 B
CSS
43 lines
1020 B
CSS
@import "@vercel/geistdocs/styles.css";
|
|
|
|
/* theme.css (imported by the package styles.css) already @sources the package
|
|
dist and streamdown; only @source app-local files here. */
|
|
@source "../**/*.{ts,tsx,mdx}";
|
|
@source "../../components/**/*.{ts,tsx}";
|
|
|
|
@layer base {
|
|
body {
|
|
@apply bg-background-200 text-gray-1000;
|
|
}
|
|
}
|
|
|
|
/* Align docs content with navbar on mobile */
|
|
/*
|
|
* On mobile the sticky MobileDocsBar abuts the navbar via a negative top
|
|
* margin, which would otherwise overlap and clip the page breadcrumb rendered
|
|
* above it. Hide the breadcrumb on mobile so the bar sits flush under the
|
|
* navbar; it stays visible on desktop, where the bar is hidden.
|
|
*/
|
|
@container (max-width: 960px) {
|
|
#nd-page {
|
|
@apply px-6;
|
|
}
|
|
|
|
#nd-page > .text-gray-900:first-child {
|
|
@apply hidden;
|
|
}
|
|
}
|
|
|
|
/* TOC and footer links use gray-1000 */
|
|
#nd-toc {
|
|
@apply text-gray-1000 md:pl-6;
|
|
}
|
|
|
|
#nd-toc a {
|
|
@apply text-gray-900 hover:text-gray-1000;
|
|
}
|
|
|
|
#nd-toc a[data-active="true"] {
|
|
@apply text-gray-1000;
|
|
}
|