Replace manual SCSS with Tailwind CSS

[Copilot]

Migrates all styling from hand-written SCSS/CSS modules to Tailwind CSS utility classes, removing the sass dependency entirely.

Changes

• Dependencies: Added tailwindcss@^3 + @astrojs/tailwind@^5; removed sass
• Config: Added tailwind.config.mjs (content glob over src/**); registered the integration in astro.config.mjs with applyBaseStyles: false
• Global styles: global.scss → global.css with @tailwind directives; base font-size (24px) and link color set via @layer base
• Components: All SCSS module imports removed; classes applied inline
  • Layout.astro — body classes: h-screen bg-[#333333] text-white flex flex-col font-sans
  • Nav.astro — layout + per-item dividers via arbitrary variant [&>:not(:last-child)]:border-r-2
  • Card.astro — border, rounded corners, max-width, centered h1 via [&>h1]:flex [&>h1]:justify-center
  • Form.svelte — grid grid-cols-1 gap-4 mt-8 sm:grid-cols-2; result labels and divider bar inlined
  • pages/about/index.astro — about card gap passed as class="flex flex-col gap-8" prop
• Deleted: global.scss, card.module.scss, nav.module.scss, form.module.scss, aboutPage.module.scss
• Bugfix: Corrected pre-existing typo target"_blank" → target="_blank" in Nav.astro

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ctcalc	Error		Apr 14, 2026 7:36pm