header.top flex + .contact CSS from kamatera (hunk 4)

8fdcf2fa8cbf1dfe8d63434d1345b7e69418a041 · 2026-05-21 18:57:51 -0700 · Steve Abrams

Files touched

M server.js

Diff

commit 8fdcf2fa8cbf1dfe8d63434d1345b7e69418a041
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu May 21 18:57:51 2026 -0700

    header.top flex + .contact CSS from kamatera (hunk 4)
---
 server.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/server.js b/server.js
index 39b500a..04ba2f0 100644
--- a/server.js
+++ b/server.js
@@ -425,9 +425,13 @@ const layout = (title, body, { q='', type='' } = {}) => `<!doctype html>
   *{box-sizing:border-box;margin:0;padding:0}
   html,body{font-family:var(--sans);background:var(--bg);color:var(--fg);line-height:1.5}
   a{color:inherit;text-decoration:none}
-  header.top{padding:24px 32px;border-bottom:1px solid var(--rule);background:#fff}
+  header.top{padding:24px 32px;border-bottom:1px solid var(--rule);background:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
   .brand{font-family:var(--serif);font-weight:600;font-size:32px;letter-spacing:.04em;text-transform:uppercase}
   .brand small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.18em;font-weight:500;color:var(--muted);margin-top:4px}
+  .contact{font-size:13px;color:var(--muted);text-align:right;line-height:1.7;letter-spacing:.04em}
+  .contact a{color:var(--fg)}
+  .contact a:hover{color:var(--accent)}
+  .contact .phone{font-family:var(--serif);font-size:18px;color:var(--fg);font-weight:600;letter-spacing:.06em}
   nav.types{display:flex;gap:18px;padding:14px 32px;background:#fff;border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center}
   nav.types a{font-size:13px;font-weight:500;color:var(--muted);padding:6px 0;border-bottom:2px solid transparent;letter-spacing:.04em;text-transform:uppercase}
   nav.types a:hover{color:var(--fg)}

← 00974f4 Shopify fetch + cache + categorizeTags + safeBodyHtml + memo · back to Philipperomano · naturals: add /naturals route + nav link + inclusive classif fe6a21f →