diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e210236..03c251e 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -178,6 +178,33 @@ const year = new Date().getFullYear(); } nav.nav a:hover::after { transform: scaleX(1); } + /* Site search — slim Google-redirect input */ + .site-search { display: inline-flex; } + .site-search input { + background: var(--bg-soft); + border: 1px solid var(--line-strong); + color: var(--ink); + font-family: inherit; + font-size: 13px; + letter-spacing: 0.04em; + padding: 6px 14px; + border-radius: 999px; + width: 150px; + transition: width 0.2s ease, border-color 0.15s, box-shadow 0.15s; + } + .site-search input::placeholder { + color: var(--ink-muted); + text-transform: uppercase; + letter-spacing: 0.1em; + font-size: 11px; + } + .site-search input:focus { + outline: none; + width: 200px; + border-color: var(--accent); + box-shadow: 0 0 0 3px var(--accent-soft); + } + main { padding: 0 0 64px; } /* ========== Reveal animation for cards ========== */ @@ -752,6 +779,10 @@ const year = new Date().getFullYear(); Home About RSS +