Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS: Remove composes usage #10874

Open
wants to merge 18 commits into
base: main
Choose a base branch
from
Open

CSS: Remove composes usage #10874

wants to merge 18 commits into from

Conversation

Turbo87
Copy link
Member

@Turbo87 Turbo87 commented Mar 22, 2025

https://github.com/BlueCutOfficial/css-modules-to-scoped-css documents how to migrate from ember-css-modules to ember-scoped-css, which unlocks building the frontend application with https://vite.dev/ instead of webpack.

Unfortunately, ember-scoped-css does not support the composes declaration from ember-css-modules though.

This PR removes/replaces the 97 usages of composes in our codebase. I'm not in love with the solution, but it seems good enough for now to unlock that migration mentioned above.

Turbo87 added 3 commits March 22, 2025 13:44
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
@Turbo87 Turbo87 added A-frontend 🐹 C-internal 🔧 Category: Nonessential work that would make the codebase more consistent or clear labels Mar 22, 2025
@Turbo87 Turbo87 requested review from a team and removed request for a team March 22, 2025 12:48
Turbo87 added 15 commits March 22, 2025 17:47
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
This prepares for the migration to ember-scoped-css, which does not support `composes`.
@Turbo87
Copy link
Member Author

Turbo87 commented Mar 23, 2025

looks like there are a bunch of CSS specificity issues that only show up when restarting the ember serve command... 😩

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-frontend 🐹 C-internal 🔧 Category: Nonessential work that would make the codebase more consistent or clear
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant