Commit Graph

22 Commits

Author SHA1 Message Date
kbot
48ad4512c3 feat: add data-scroll-behavior and CSS smooth scroll with reduced-motion fallback 2026-06-03 21:56:05 -05:00
kbot
64d9eb2474 refactor: replace hardcoded scroll offset pixels with CSS custom property 2026-06-03 21:52:53 -05:00
kbot
7c653f3852 feat: add Callout component with note/tip/warning/danger variants 2026-06-03 21:48:39 -05:00
OpenCode Worker
72443140f9 style: widen article reading layout 2026-06-03 12:55:18 -05:00
opencode
f2b88f1130 style: refine mdx prose math and images 2026-06-03 11:30:13 -05:00
OpenCode Worker
d223c5f512 fix: improve mdx code block pipeline 2026-06-03 11:25:25 -05:00
OpenCode Worker
2a9a3f6550 fix: clean page transitions and navigation a11y 2026-06-03 11:09:57 -05:00
OpenCode Worker
72f2e88673 style: polish blog landing and cards 2026-06-03 11:06:03 -05:00
Krishna Ayyalasomayajula
0cdfeb8b89 typography: update font variables to Fraunces + IBM Plex Mono + JetBrains Mono 2026-06-02 00:48:20 -05:00
Krishna Ayyalasomayajula
74dfb82069 fix: use CSS variable for TOC sticky offset instead of hardcoded pixels 2026-06-01 23:45:53 -05:00
Krishna Ayyalasomayajula
9531080c7a fix: add scroll-padding-top to prevent header from covering TOC targets 2026-06-01 23:34:50 -05:00
Krishna Ayyalasomayajula
9767ff950b fix: use mode-aware colors for code block line numbers 2026-06-01 23:32:46 -05:00
Krishna Ayyalasomayajula
0bb69a12c3 fix: remove @tailwindcss/typography + fix CSS architecture
- Remove @tailwindcss/typography from package.json devDependencies
- Remove @plugin and @utility prose from globals.css
- Fix @custom-variant dark to use &:is(.dark)
- Extract @keyframes outside @supports blocks
- Scope * transition to body/body*/[class*=bg-]/[class*=border-]/[class*=text-]
- Add prefers-reduced-motion rules for scroll-to-top + reading progress
- Add :focus-visible outline on scroll-to-top
2026-06-01 22:53:52 -05:00
Krishna Ayyalasomayajula
06481d0c26 fix: scroll-to-top visible class + reading progress dark mode
- Wire visible state to className in ScrollToTop component
- Replace hard-coded rgba with color-mix() for theme-aware background
- Dark mode reading progress uses 15% ink color mix
2026-06-01 22:48:18 -05:00
Krishna Ayyalasomayajula
c9ff29377a fix: KaTeX display blocks + prose spacing
- Replace overflow-x: auto with overflow: visible on .katex-display
- Add white-space: normal on .katex-display > .katex
- Add responsive scaling at 640px breakpoint
- Add prose integration margin rules for spacing between prose and math
2026-06-01 22:44:58 -05:00
Krishna Ayyalasomayajula
a024cc5369 feat: comprehensive code block CSS
- Borderless container with subtle shadow
- VS Code filename header with dot indicators
- Line numbers via CSS counter
- Copy button (hover-visible)
- Highlighted line accent stripe
- Highlighted chars background
- Shiki dual theme token color switching
- Light and dark mode overrides for all code elements
2026-06-01 22:40:39 -05:00
Krishna Ayyalasomayajula
d0f600ed66 feat: add 13 code block @theme tokens
Light: --color-code-block through --color-code-dot-green, --radius-code
Dark: code-block, code-block-hover, code-gutter, code-gutter-border,
      code-title-bg, code-title-text, code-line-highlight,
      code-line-highlight-border, code-mark-bg, code-copy, code-copy-hover
2026-06-01 22:36:52 -05:00
Krishna Ayyalasomayajula
52b955de86 feat: deep black dark + pure white light theme tokens
- Canvas: oklch(1 0 0) light / oklch(0 0 0) dark (true black)
- Surface: oklch(0.98 0 0) light / oklch(0.07 0 0) dark
- Ink: oklch(0.08 0 0) light / oklch(1 0 0) dark (pure white)
- Ink-soft: oklch(0.40 0 0) light / oklch(0.72 0 0) dark
- Border: oklch(0.92 0 0) light / oklch(0.17 0 0) dark
- Accent: oklch(0.45 0.18 250) light / oklch(0.68 0.20 250) dark
- Shadow-card updated for both modes
2026-06-01 22:35:35 -05:00
Krishna Ayyalasomayajula
04adc7b896 feat: swap Merriweather → Inter + define @layer base
- Remove Merriweather font import and config from layout.tsx
- Add Inter with weight/style/adjustFontFallback
- Apply inter.className to body instead of font-serif
- Update --font-serif in @theme to use Inter
- Add @layer base with body, h1-h6, code, and link rules
2026-06-01 22:34:02 -05:00
Krishna Ayyalasomayajula
e8ee286d2f style: unify typography with heading-xl/lg/md/sm utilities and text-5xl token 2026-06-01 21:32:40 -05:00
Krishna Ayyalasomayajula
c178fc63a1 style: add Tailwind v4 design system with dark mode, KaTeX overrides, scroll effects 2026-06-01 19:38:18 -05:00
Krishna Ayyalasomayajula
ee518c247f Initial commit from Create Next App 2026-06-01 12:54:22 -05:00