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

refactor(styles): replace cream-section with section-tint in home components and TeamPage

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
DeCentN2Madness
2026-06-16 17:29:02 -07:00
co-authored by Claude Sonnet 4.6
parent 5e75ace58d
commit 4a2087d4e3
5 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/src/components/TeamPage.astro
+1 -2
View File
@@ -44,7 +44,7 @@ const groups = [
<p>AIA's clinical team consists of experienced professionals and paraprofessionals as well as Board Certified Behavior Analysts (BCBA) and Psychologists who have diverse experience and expertise.</p> <p>AIA's clinical team consists of experienced professionals and paraprofessionals as well as Board Certified Behavior Analysts (BCBA) and Psychologists who have diverse experience and expertise.</p>
</section> </section>
{groups.map((group) => ( {groups.map((group) => (
<section class:list={['team-group', { 'team-group--tinted': group.tinted }]}> <section class:list={['team-group', { 'section-tint': group.tinted }]}>
<div class="container"> <div class="container">
<h2>{group.title}</h2> <h2>{group.title}</h2>
{group.tagline && <p class="team-group__tagline"><em>{group.tagline}</em></p>} {group.tagline && <p class="team-group__tagline"><em>{group.tagline}</em></p>}
@@ -77,7 +77,6 @@ const groups = [
.team-intro { padding-block: 4rem; text-align: center; } .team-intro { padding-block: 4rem; text-align: center; }
.team-intro .script-label { font-size: 1.8rem; } .team-intro .script-label { font-size: 1.8rem; }
.team-group { padding-block: 2rem 4rem; text-align: center; } .team-group { padding-block: 2rem 4rem; text-align: center; }
.team-group--tinted { background: var(--color-tint); }
.team-group h2 { margin: 0 auto 1rem; max-width: 760px; } .team-group h2 { margin: 0 auto 1rem; max-width: 760px; }
.team-group__tagline { font-size: 1.125rem; margin: 0 auto 2rem; } .team-group__tagline { font-size: 1.125rem; margin: 0 auto 2rem; }
.team-grid { display: flex; flex-wrap: wrap; gap: 2rem 1.5rem; justify-content: center; } .team-grid { display: flex; flex-wrap: wrap; gap: 2rem 1.5rem; justify-content: center; }
www/src/components/home/HomeBenefits.astro
+1 -1
View File
@@ -11,7 +11,7 @@ const { section } = Astro.props;
} }
</style> </style>
<section class="section cream-section"> <section class="section section-tint">
<div class="container feature-grid benefit-grid"> <div class="container feature-grid benefit-grid">
<div> <div>
<h2>{section.heading}</h2> <h2>{section.heading}</h2>
www/src/components/home/HomeEsa.astro
+1 -1
View File
@@ -11,7 +11,7 @@ const { section } = Astro.props;
} }
</style> </style>
<section class="section cream-section"> <section class="section section-tint">
<div class="container feature-grid esa-grid"> <div class="container feature-grid esa-grid">
<div> <div>
<h2>{section.heading}</h2> <h2>{section.heading}</h2>
www/src/components/home/HomeProcess.astro
+1 -1
View File
@@ -3,7 +3,7 @@ import type { ProcessSection } from '../../types/home-sections';
interface Props { section: ProcessSection } interface Props { section: ProcessSection }
const { section } = Astro.props; const { section } = Astro.props;
--- ---
<section class="section cream-section process-section"> <section class="section section-tint process-section">
<div class="container"> <div class="container">
<h2>{section.heading}</h2> <h2>{section.heading}</h2>
<div class="process-grid"> <div class="process-grid">
www/src/components/home/HomeTestimonials.astro
+1 -1
View File
@@ -3,7 +3,7 @@ import type { TestimonialsSection } from '../../types/home-sections';
interface Props { section: TestimonialsSection } interface Props { section: TestimonialsSection }
const { section } = Astro.props; const { section } = Astro.props;
--- ---
<section class="section cream-section testimonial-section"> <section class="section section-tint testimonial-section">
<div class="container"> <div class="container">
<h2>{section.heading}</h2> <h2>{section.heading}</h2>
<div class="testimonial-swiper swiper"> <div class="testimonial-swiper swiper">