marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
106 Commits 1 Branch 0 Tags
3fad46d9f9206210fd0724ef6d1abb09ec2e9076
Commit Graph

14 Commits

Author SHA1 Message Date
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