Files
mcpedia/apps/web/app/globals.css
T
asepharyana 251a6e9b4d
CI / typecheck + build (turbo) (push) Canceled after 0s
refactor: centralize section config — remove all hardcoded section lists
- New packages/config/src/sections.ts: SECTIONS, SECTIONS_BY_ID, SECTION_IDS
  (no Node.js built-in imports — safe for client components)
- New package entrypoint: @mcpedia/config/sections (exports only sections.ts)
- Client components import from @mcpedia/config/sections (no node:fs in bundle)
- Server components import from @mcpedia/config (has env/fs, server-only)
- Removed hardcoded SECTIONS/SECTION_LABEL/SECTION_ICON from:
  - [section]/page.tsx (was inline array)
  - [section]/[...slug]/page.tsx (was hardcoded Record maps)
  - Sidebar.tsx (was inline array)
  - layout.tsx (was inline array)
  - page.tsx (was inline array)
  - create/page.tsx (was inline array via SECTIONS import)
- Added @mcpedia/config/sections entrypoint to package.json exports
2026-08-21 10:29:35 +07:00

89 lines
1.9 KiB
CSS

@import "tailwindcss";
@plugin "@tailwindcss/typography";
/* Linear design system: dark-mode-first */
@custom-variant dark (&:where(.dark, .dark *));
@theme inline {
--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
--color-background: #08090a;
--color-surface: #0f1011;
--color-elevated: #191a1b;
--color-border: #1f2022;
--color-border-subtle: rgba(255, 255, 255, 0.05);
--color-border-standard: rgba(255, 255, 255, 0.08);
--color-text-primary: #f7f8f8;
--color-text-secondary: #d0d6e0;
--color-text-tertiary: #8a8f98;
--color-text-quaternary: #62666d;
--color-brand: #5e6ad2;
--color-accent: #7170ff;
--color-accent-hover: #828fff;
}
html {
scroll-behavior: smooth;
}
body {
background: var(--color-background);
color: var(--color-text-secondary);
font-family: var(--font-sans);
font-feature-settings: "cv01", "ss03";
}
/* Inter font loading */
@font-face {
font-family: "Inter";
font-weight: 200 900;
font-display: swap;
src: url("https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrNCGw.woff2") format("woff2");
}
/* Custom prose styles for dark theme — tables */
.prose table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
font-size: 0.9rem;
}
.prose th,
.prose td {
border: 1px solid var(--color-border);
padding: 0.5rem 0.75rem;
text-align: left;
}
.prose th {
background: var(--color-elevated);
color: var(--color-text-primary);
font-weight: 600;
}
.prose td {
color: var(--color-text-secondary);
}
.prose tbody tr:nth-child(even) {
background: rgba(15, 16, 17, 0.5);
}
/* Inline code in prose */
.prose code {
font-family: var(--font-mono);
font-size: 0.85em;
}
/* Blockquote styling */
.prose blockquote {
border-left: 2px solid var(--color-border);
margin: 1.5em 0;
padding: 0.25em 1em;
font-style: italic;
}