diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index a6c97da..7232b4a 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -160,6 +160,31 @@ const year = new Date().getFullYear(); } nav.nav a:hover { color: var(--accent); } + /* Site search — slim Google-redirect input, Y2K palette */ + .site-search { display: inline-flex; } + .site-search input { + background: var(--bg-card); + border: 1.5px solid var(--accent-soft); + color: var(--ink); + font-family: inherit; + font-size: 13px; + 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); + } + .site-search input:focus { + outline: none; + width: 200px; + border-color: var(--accent); + box-shadow: + 2px 2px 0 var(--cyan), + 4px 4px 0 var(--lemon); + } + main { padding: 0 0 64px; } /* ========== Index post cards ========== */ @@ -740,6 +765,10 @@ const year = new Date().getFullYear(); Home About RSS +