Skip to content

style: use rem and CSS variables for the remaining raw values - #33

Merged
helderberto merged 3 commits into
mainfrom
refactor/project-structure
Oct 24, 2026
Merged

helderberto merged 3 commits into
mainfrom
refactor/project-structure

Conversation

@helderberto

Copy link
Copy Markdown
Owner

Context

Part 7 of 7, based on part 6, and the last layer of the stack. A few lengths were still px and a few colors literal.

Summary

  • px → rem: page-transition offset, resume sheet shadow and button border, .sr-only.
  • Resume paper, canvas, shadow tints and print font stack become --rs-* variables; the palette dialog shadow becomes --shadow-dialog.
  • Kept as is: the palette ::backdrop color (older browsers don't pass variables to ::backdrop, now commented), the resume's pt/mm print units, the mask #000 (only its alpha is used).
  • AGENTS.md documents DTO mappers, utils/, the lint-enforced rules and the CSS rules.

Evidence

Whole stack against main:

  • Before / After: 29 screenshots (home, about, resume, 404, two posts; 390px and 1280px; light and dark; command palette open; resume in print) are pixel-identical. Two captures differed on a first run and matched on re-run; a baseline-against-itself run shows the same first-capture noise.
  • Built HTML (text, meta, JSON-LD), feed.xml and the file list match; the 34 og:image PNGs are byte-identical, only their cache hash in the meta tag changes.
  • npm run lint && npm run typecheck && npm run test:coverage && npm run build: pass, no warnings. 50 test files, 205 tests; coverage 99.7% statements, 98.2% branches.
  • vercel.json is unchanged and the static export builds. I couldn't check a Vercel preview from here; it should show up on this PR.

Merge danger

Door: two-way

Blast radius: site-wide


Generated by Claude Code

@vercel

vercel Bot commented Oct 24, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
website Ready Ready Preview Oct 24, 2026 10:56am UTC

@helderberto
helderberto force-pushed the refactor/structure-6-posts branch from c225430 to d41fec6 Compare October 24, 2026 10:55
Base automatically changed from refactor/structure-6-posts to main October 24, 2026 10:55
The page transition offset and the resume sheet shadow move from px to
rem; the resume's paper, canvas, shadow and font stack become --rs-*
variables; the command palette shadow becomes --shadow-dialog. Renders
the same at the default font size.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DZqAJbwwPeQSQFaPLDDSfr
sr-only and the resume button border now use 0.0625rem, per the
hairline rule in AGENTS.md.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DZqAJbwwPeQSQFaPLDDSfr
@helderberto
helderberto force-pushed the refactor/project-structure branch from d4babc4 to d4aaa47 Compare October 24, 2026 10:55
@helderberto
helderberto merged commit cd62707 into main Oct 24, 2026
1 of 2 checks passed
@helderberto
helderberto deleted the refactor/project-structure branch October 24, 2026 10:55

This branch was successfully deployed

1 active deployment
Preview — d4aaa47d Deployed Oct 24, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants