📝 Add modern CSS design patterns post

[yuler]

Summary

• Add a new post summarizing 37signals Campfire modern CSS patterns from OKLCH colors to custom properties, :has(), ch-based responsive breakpoints, and any-hover media queries.
• Include post frontmatter with title, description, and tags for publication.

Test plan

• Run pnpm dev and open the new post page
• Verify frontmatter renders correctly in the post list and detail view

Made with Cursor

[gemini-code-assist]

Code Review

This pull request introduces a new blog post summarizing modern CSS design patterns from 37signals Campfire, covering OKLCH colors, custom properties, the :has() selector, character-based responsive breakpoints, and the any-hover media query. The review feedback highlights several improvement opportunities, including correcting a typo in the CSS fallback code example, defining a missing CSS variable (--lch-blue), fixing a markdown formatting issue, and refining some Chinese phrasing and pronoun usage for better readability.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[github-actions]

📸 Screenshots for PR #57

page	iphone	ipad	pc
home
posts
posts-hi
thoughts
workouts
workouts-17883105335

PR screenshots folder (branch pr-screenshots)