mike/oc-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

OC footer: match reference content (~98px) — drop phone line, tighten so it fits the 4:1 logo-sized footer at phone widths

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-16 11:43:05 -07:00
parent 06a6fce82b
commit f43dd5bf78
2 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+3 -5
View File
@@ -171,13 +171,11 @@ a.tel { text-decoration: none; }
background: url(assets/brand/oc-mark-wh.svg) no-repeat center; background-size: 100% 100%;
}
.footer-inner { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 22px; }
.footer-brand { width: 132px; height: 28px; background-color: var(--cream); margin-bottom: 12px; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 22px; font-family: 'DM Sans', sans-serif; font-size: 0.7rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.13em; margin-bottom: 10px; }
.footer-brand { width: 128px; height: 27px; background-color: var(--cream); margin-bottom: 10px; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 22px; font-family: 'DM Sans', sans-serif; font-size: 0.7rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.13em; margin-bottom: 9px; }
.footer-nav a { color: var(--cream-soft); text-decoration: none; }
.footer-nav a:hover { color: #fff; }
.footer-call { margin: 0 0 8px; }
.footer-call a.tel { color: var(--amber); font-family: 'DM Sans', sans-serif; font-size: 0.92rem; }
.footer-legal { font-family: 'DM Sans', sans-serif; font-size: 0.74rem; line-height: 1.6; color: rgba(247, 244, 239, 0.4); margin: 0; max-width: 52em; }
.footer-legal { font-family: 'DM Sans', sans-serif; font-size: 0.72rem; line-height: 1.55; color: rgba(247, 244, 239, 0.4); margin: 0; max-width: 46em; }
/* Focus */
a:focus-visible, .btn:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; border-radius: 2px; }