mirror of
https://github.com/andwati/andwati.com.git
synced 2026-10-21 10:36:39 +00:00
andwati
a51671d7e4
- new paper/ink palette with single red accent, replacing catppuccin - self-hosted IBM Plex Serif (display) + Source Serif 4 (body), drop Outfit - rebuilt homepage masthead, numbered post index, navbar with active states - switch syntax highlighting + utterances to gruvbox, synced via postMessage - remove terminal/404 easter egg chrome, clean up remaining inline styles - fix stray syntax.css link causing a 404
40 lines
877 B
SCSS
40 lines
877 B
SCSS
// Tag chip — a small filed label, shared by post-card and post-tags
|
|
.tag {
|
|
display: inline-block;
|
|
background: var(--surface-color);
|
|
border: 1px solid var(--border-color);
|
|
padding: 0.2rem 0.6rem;
|
|
border-radius: 2px;
|
|
font-size: 0.8rem;
|
|
font-family: var(--font-mono);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.03em;
|
|
color: var(--text-muted);
|
|
transition: var(--transition-smooth);
|
|
|
|
&:hover {
|
|
color: var(--accent-color);
|
|
border-color: var(--accent-color);
|
|
}
|
|
}
|
|
|
|
// Heavy hairline rule — the site's one recurring structural device
|
|
// (masthead, between list entries, above case-reference blocks)
|
|
.rule {
|
|
border: none;
|
|
border-top: 3px solid var(--text-color);
|
|
}
|
|
|
|
// Utilities / Interactions
|
|
.hover-scale {
|
|
transition: transform 140ms ease-out;
|
|
|
|
&:hover {
|
|
transform: scale(1.02);
|
|
}
|
|
|
|
&:active {
|
|
transform: scale(0.98);
|
|
}
|
|
}
|