vh
7b16be02bf
Added (all now linked from their live locations): - home_root/.claude/settings.json. The statusLine command now uses $HOME instead of a Linux-only absolute path. - home_root/.claude/bin/ratecheck and home_root/.claude/skills/australis-design. - home_config/zsh/claude-config-dir.zsh and home_root/.local/bin/claude-config-dir-init, the per-repo Claude Code login helper and its seeding script. - home_root/.gitconfig and home_config/git/ignore. - home_root/.zshenv, with the cargo env line guarded so boxes without rust start clean. link-dotfiles --check reports drift without changing anything: tracked files whose live copy is no longer a link (stow dry-run conflicts) and links into this repo that dangle. Exits 1 on drift. Verified against a clean baseline and two planted drifts, a detached .nanorc and a dangling link. .mailmap maps every earlier identity to Vuong Hoang: the repo-local 'Your Name' placeholder config (now removed), host-generated emails, and aider suffixes. CLAUDE.md: the symlink warning now lists every linked file and points at --check. README: documents what is and isn't tracked under .claude, the edit rule, and --check.
51 lines
2.3 KiB
HTML
51 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html><head><meta charset="utf-8"><title>Buttons</title>
|
|
<link rel="stylesheet" href="_card.css">
|
|
<style>
|
|
.row-b { display:flex; gap:10px; align-items:center; margin-bottom:12px; flex-wrap:wrap; }
|
|
.row-b:last-child { margin-bottom:0; }
|
|
.label { font-family: var(--font-mono); font-size:10px; color: var(--fg-3); width: 70px; letter-spacing:0.06em; text-transform:uppercase; }
|
|
.btn {
|
|
font-family: var(--font-sans); font-size: 13px; font-weight: 500;
|
|
padding: 8px 16px; border-radius: 6px; border: 1px solid transparent;
|
|
cursor: pointer; line-height: 1; letter-spacing: 0.005em;
|
|
transition: all 120ms cubic-bezier(.2,.8,.2,1);
|
|
display: inline-flex; align-items:center; gap: 8px;
|
|
}
|
|
.btn-primary { background: #6388d8; color: #222531; }
|
|
.btn-primary.hover { background: #a4c4ff; }
|
|
.btn-primary.active { background: #4d72c2; transform: translateY(1px); }
|
|
.btn-secondary { background: #373b46; color: #cce7ec; border-color: #565f69; }
|
|
.btn-secondary.hover { background: #414751; border-color: #6e7882; }
|
|
.btn-ghost { background: transparent; color: #a4c4ff; }
|
|
.btn-ghost.hover { background: rgba(99,136,216,0.10); }
|
|
.btn-danger { background: transparent; color: #ff854f; border-color: rgba(255,73,26,0.4); }
|
|
.btn-danger.hover { background: rgba(255,73,26,0.14); }
|
|
.btn-disabled { background:#373b46; color:#6e7882; border-color:#414751; cursor:not-allowed; }
|
|
.btn-focus { background:#6388d8; color:#222531; box-shadow: 0 0 0 3px rgba(99,136,216,0.35); }
|
|
</style>
|
|
</head><body>
|
|
<div class="card">
|
|
<div class="row-b">
|
|
<span class="label">Primary</span>
|
|
<button class="btn btn-primary">Deploy</button>
|
|
<button class="btn btn-primary hover">Deploy</button>
|
|
<button class="btn btn-primary active">Deploy</button>
|
|
<button class="btn btn-focus">Deploy</button>
|
|
</div>
|
|
<div class="row-b">
|
|
<span class="label">Secondary</span>
|
|
<button class="btn btn-secondary">Cancel</button>
|
|
<button class="btn btn-secondary hover">Cancel</button>
|
|
<button class="btn btn-ghost">Learn more</button>
|
|
<button class="btn btn-ghost hover">Learn more</button>
|
|
</div>
|
|
<div class="row-b">
|
|
<span class="label">Status</span>
|
|
<button class="btn btn-danger">Delete</button>
|
|
<button class="btn btn-danger hover">Delete</button>
|
|
<button class="btn btn-disabled">Disabled</button>
|
|
</div>
|
|
</div>
|
|
</body></html>
|