swissfini

Go to file

olaf 01cb13ee8b Mobile responsiveness fixes based on multi-model consensus

Changes verified and validated by 4 AI models:
- google/gemini-3-flash-preview
- openai/gpt-5.2
- openai/gpt-5.1-codex-max
- google/gemini-3-pro-preview

Fixes applied:
1. _article.css: Fix clamp() formula for title scaling
   - Previous formula never scaled below 30px on mobile
   - Now uses clamp(1.5rem, 5vw + 1rem, var(--font-size-4xl))

2. _header.css: WCAG 2.5.5 touch target compliance
   - Added min-height: 44px to nav-link for both desktop and mobile
   - Ensures all navigation links meet 44x44px minimum

3. _header.css: Reduced-motion support for nav transitions
   - Added @media (prefers-reduced-motion: reduce) block
   - Disables all nav animations for motion-sensitive users

4. _variables.css: Breakpoint documentation
   - Documents canonical breakpoints for consistency
   - Notes that CSS variables cannot be used in @media queries

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

2025-12-23 13:38:19 +00:00

archetypes

Initial Hugo project setup

2025-12-21 07:02:01 +00:00

content

Add Swiss IT disaster articles and homepage article cards

2025-12-23 10:26:19 +00:00

themes/swissfini

Mobile responsiveness fixes based on multi-model consensus

2025-12-23 13:38:19 +00:00

.git-info.md

Initial Hugo project setup