G360Pmk/dylanmazzei-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Give the contact page's direct email box inner padding and rounded corners

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Veras
2026-10-16 13:03:43 -04:00
parent d99d86a269
commit 09459ffa4e
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/assets/styles.css
+3 -2
View File
@@ -710,8 +710,9 @@ html:not(.js) .tabs { grid-template-columns: 1fr; }
/* ---------- Contact ---------- */ /* ---------- Contact ---------- */
.contact-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 64px; align-items: start; } .contact-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 64px; align-items: start; }
.contact-grid > * { min-width: 0; } .contact-grid > * { min-width: 0; }
.direct { display: grid; gap: 0; border-top: 1px solid var(--mist); } .direct { display: grid; gap: 0; border-radius: var(--radius-panel); overflow: hidden; background: linear-gradient(160deg, var(--glass), transparent 120%); }
.direct-row { display: grid; gap: 8px; padding-block: 22px; border-bottom: 1px solid var(--mist); } .direct-row { display: grid; gap: 8px; padding: 26px clamp(20px, 3vw, 32px); border-bottom: 1px solid var(--mist); }
.direct-row:last-child { border-bottom: 0; }
.direct-row small { font-size: 12px; color: var(--smoke); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; } .direct-row small { font-size: 12px; color: var(--smoke); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }
.direct-row .val { font-size: clamp(20px, 2.2vw, 26px); font-weight: 700; letter-spacing: -0.02em; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; } .direct-row .val { font-size: clamp(20px, 2.2vw, 26px); font-weight: 700; letter-spacing: -0.02em; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.direct-row a.val:hover { color: var(--accent); } .direct-row a.val:hover { color: var(--accent); }