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

feat(styles): remove cream-section alias, add button-center utility, make h3 font-size fluid

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
DeCentN2Madness
2026-06-16 17:29:08 -07:00
co-authored by Claude Sonnet 4.6
parent 4a2087d4e3
commit a498dc59d7
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/src/styles/layout.css
+1 -1
View File
@@ -9,11 +9,11 @@ img { display: block; height: auto; max-width: 100%; }
.section-tint, .page-header { background: var(--color-tint); } .section-tint, .page-header { background: var(--color-tint); }
.section-heading { margin-bottom: var(--space-lg); max-width: 700px; } .section-heading { margin-bottom: var(--space-lg); max-width: 700px; }
.split { align-items: center; display: flex; gap: var(--space-lg); justify-content: space-between; } .split { align-items: center; display: flex; gap: var(--space-lg); justify-content: space-between; }
.button-center { margin-block: 2.5rem; margin-inline-start: 50%; translate: -50%; }
.card-grid { display: grid; gap: var(--space-lg); grid-template-columns: repeat(3, minmax(0, 1fr)); } .card-grid { display: grid; gap: var(--space-lg); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.skip-link { background: white; left: 1rem; padding: .75rem; position: fixed; top: -10rem; z-index: 100; } .skip-link { background: white; left: 1rem; padding: .75rem; position: fixed; top: -10rem; z-index: 100; }
.skip-link:focus { top: 1rem; } .skip-link:focus { top: 1rem; }
.page-header { padding-block: var(--space-xl); text-align: center; } .page-header { padding-block: var(--space-xl); text-align: center; }
.feature-grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 5rem); grid-template-columns: 1fr 1fr; } .feature-grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 5rem); grid-template-columns: 1fr 1fr; }
.cream-section { background: var(--color-tint); }
@media (max-width: 850px) { .card-grid { grid-template-columns: 1fr; } .split { align-items: flex-start; flex-direction: column; } } @media (max-width: 850px) { .card-grid { grid-template-columns: 1fr; } .split { align-items: flex-start; flex-direction: column; } }
@media (max-width: 760px) { .feature-grid { grid-template-columns: 1fr; } } @media (max-width: 760px) { .feature-grid { grid-template-columns: 1fr; } }
www/src/styles/typography.css
+1 -1
View File
@@ -7,7 +7,7 @@ h1, h2, h3 { color: var(--color-primary); font-family: var(--font-heading); line
.no-balance { text-wrap: auto; } .no-balance { text-wrap: auto; }
h1 { font-size: clamp(2.5rem, 5vw, 3rem); line-height: 1.12; margin: 0 0 var(--space-md); } h1 { font-size: clamp(2.5rem, 5vw, 3rem); line-height: 1.12; margin: 0 0 var(--space-md); }
h2 { font-size: clamp(2rem, 4vw, 2.4rem); line-height: 1.25; } h2 { font-size: clamp(2rem, 4vw, 2.4rem); line-height: 1.25; }
h3 { font-size: 1.5rem; } h3 { font-size: clamp(1.5rem, 3vw, 2rem); }
a { color: var(--color-primary); } a { color: var(--color-primary); }
.eyebrow { color: var(--color-secondary); font-size: .8rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } .eyebrow { color: var(--color-secondary); font-size: .8rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.lede, .hero-copy { color: var(--color-muted); font-size: 1.25rem; } .lede, .hero-copy { color: var(--color-muted); font-size: 1.25rem; }