From b937dd1887621bdf0dce24cfa283ecce873e9560 Mon Sep 17 00:00:00 2001 From: Sachin Jaiswal Date: Thu, 11 Sep 2025 21:17:31 +0530 Subject: [PATCH] Replace Sponsorship page styles with TailwindCSS - Convert CSS modules to equivalent TailwindCSS utility classes - Remove sponsorship.module.css file - Replace constrainDimensions styles with max-w-[350px] h-[250px] justify-start - Convert badgeFormat styles to text-2xl font-medium mt-6 - Replace custom gold/silver/bronze colors with TailwindCSS equivalents - Replace paragraphFormat with px-8 utility class - Update topMargin to use mt-4 instead of custom CSS Fixes #1934 --- pages/sponsorship.tsx | 29 ++++++++++++++--------------- styles/sponsorship.module.css | 27 --------------------------- 2 files changed, 14 insertions(+), 42 deletions(-) delete mode 100644 styles/sponsorship.module.css diff --git a/pages/sponsorship.tsx b/pages/sponsorship.tsx index 9e9579cbc..a9718458c 100644 --- a/pages/sponsorship.tsx +++ b/pages/sponsorship.tsx @@ -7,17 +7,16 @@ import FlatCard from 'components/Cards/FlatCard/FlatCard'; import LinkButton from 'components/Buttons/LinkButton/LinkButton'; import SponsorsSection from 'components/ReusableSections/SponsorsSection/SponsorsSection'; import MedalSolid from 'static/images/icons/FontAwesome/medal-solid.svg'; -import styles from 'styles/sponsorship.module.css'; const pageTitle = 'Corporate Sponsorship'; function Sponsorship() { return ( -
+
- + Donate Now @@ -63,7 +62,7 @@ function Sponsorship() { theme="white" hasTitleUnderline columns={[ - +
Employee Engagement

Provide opportunities for software engineers to mentor new learners and contribute to @@ -71,7 +70,7 @@ function Sponsorship() { organization - share their story; loud and proud.

, - +
Talent Management

Build a talent pipeline between your company and transitioning service members with @@ -79,7 +78,7 @@ function Sponsorship() { diverse - they will bolster any workforce.

, - +
Marketing

Marketing opportunities for national online and local community engagement Community @@ -96,29 +95,29 @@ function Sponsorship() { columns={[

} + className="text-2xl font-medium mt-6" + icon={} label="Gold Sponsor" /> -

+

National benefits include branding recognition in national Slack community, open source program sponsorship, national employee engagement activities, plus all above.

} + className="text-2xl font-medium mt-6" + icon={} label="Silver Sponsor" /> -

+

Three local chapter sponsorships of choice, complete with marketing, employee engagement and talent pipeline opportunities, plus all above.

} + className="text-2xl font-medium mt-6" + icon={} label="Bronze Sponsor" /> -

+

Sponsor one chapter and support your local Operation Code community for the year, including events, training, and networking opportunities.

diff --git a/styles/sponsorship.module.css b/styles/sponsorship.module.css deleted file mode 100644 index 86e0edd41..000000000 --- a/styles/sponsorship.module.css +++ /dev/null @@ -1,27 +0,0 @@ -.Sponsorship .constrainDimensions { - justify-content: flex-start; - max-width: 350px; - height: 250px; -} - -.Sponsorship .badgeFormat { - font-size: 1.5rem; - font-weight: 550; - margin-top: 1.5rem; -} - -.Sponsorship .gold { - color: #ffaa22; -} - -.Sponsorship .silver { - color: silver; -} - -.Sponsorship .bronze { - color: #cd7f32; -} - -.Sponsorship .paragraphFormat { - padding: 0 2rem; -}