Skip to content

Conversation

@seanwuapps
Copy link
Collaborator

Closes #278

Changes Made

  • Added new PostCSS plugins:

    • postcss-for - For @for loop support
    • postcss-each - For @each loop support
    • postcss-simple-vars - For CSS variables
  • Converted static utility classes to use loops:

    • spacing.css: Reduced from 620 to 48 lines
    • grid.css: Reduced from 203 to 145 lines
    • Total reduction: 823 → 193 lines (77% less code)
  • Added .nx cache files to .gitignore

  • Updated dependencies in package.json and pnpm-lock.yaml

  • Updated stencil.config.ts with new PostCSS plugins

Benefits

  • More maintainable code with loops and variables
  • Easier to add new breakpoints or modify values
  • Same output but much cleaner source code
  • Better development experience

Testing

  • Build completes successfully
  • All spacing utilities generated correctly
  • All grid utilities generated correctly
  • No regressions in existing functionality

Documentation

Added two new Markdown files:

  • COMPLETION_SUMMARY.md - Details of changes made
  • LOOP_BASED_APPROACH.md - Documentation of the new loop-based approach

- Updated NX build cache timestamps and hashes for @go-ui/vue and @go-ui/core builds
- Updated workspace data files including process ID and file map entries
- Simplified file map by removing unused project references
- Add postcss-for, postcss-each, postcss-simple-vars plugins
- Convert spacing.css to use PostCSS loops and variables
- Convert grid.css to use PostCSS loops and variables
- Update stencil.config.ts with new PostCSS plugins
- Update package.json with new dependencies
- Add .nx cache files to .gitignore
@vercel
Copy link

vercel bot commented Oct 25, 2025

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

Project Deployment Preview Comments Updated (UTC)
go-ui-docs-monorepo Error Error Oct 25, 2025 8:21pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Migration] Replace Sass with PostCSS: Global Styles and Utils

2 participants