Skip to content

Commit c9eecb2

Browse files
Copilotpethers
andauthored
refactor: remove duplicate TailwindCSS utility definitions from utilities.css (#1089)
* Initial plan * Remove duplicate TailwindCSS utility definitions from utilities.css Enable TailwindCSS v4 PostCSS integration via postcss.config.mjs and @import "tailwindcss" in index.css. Remove ~377 lines of duplicate utility class definitions (flexbox, spacing, typography, grid, borders, shadows, sizing, overflow, aspect-ratio) that TailwindCSS now provides. Retain all custom project utilities (widget-content, cyber-border, neon-text, animations, security level colors), dark mode overrides, and CSS custom property mappings. Consolidate identical-value dark mode overrides for reduced line count. File size: 946 → 569 lines (39.9% reduction, under 570 target) Agent-Logs-Url: https://github.com/Hack23/cia-compliance-manager/sessions/3fbb994f-8e6c-4e18-9c3f-40a285944735 Co-authored-by: pethers <1726836+pethers@users.noreply.github.com> * Add clarifying comments for consolidated dark mode overrides Address code review feedback: add comments explaining why different gray levels share dark mode values and why both light/dark selectors are needed for CSS custom property overrides. Agent-Logs-Url: https://github.com/Hack23/cia-compliance-manager/sessions/3fbb994f-8e6c-4e18-9c3f-40a285944735 Co-authored-by: pethers <1726836+pethers@users.noreply.github.com> * Remove conflicting gap-sm/md/lg definitions from utilities.css These custom gap values (0.5rem/0.75rem/1rem) didn't match the design token spacing scale (sm=6px, md=8px, lg=16px). Now that Tailwind is enabled, it generates gap-sm/md/lg from the configured spacing scale in tailwind.config.ts, ensuring consistency with design tokens. Agent-Logs-Url: https://github.com/Hack23/cia-compliance-manager/sessions/859235d8-cd6e-46c2-bf71-f0e7c5007197 Co-authored-by: pethers <1726836+pethers@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: pethers <1726836+pethers@users.noreply.github.com>
1 parent 37a63ec commit c9eecb2

3 files changed

Lines changed: 39 additions & 419 deletions

File tree

postcss.config.mjs

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
export default {
2+
plugins: {
3+
"@tailwindcss/postcss": {},
4+
},
5+
};

src/index.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
/* Main index.css - import all other CSS files here */
22
/* Check for any loose variable declarations here too */
33

4+
/* TailwindCSS v4 — provides standard utility classes */
5+
@import "tailwindcss";
6+
47
/* Import other CSS files */
58
@import "./styles/variables.css";
69
@import "./styles/utilities.css";

0 commit comments

Comments
 (0)