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

Migrate to UnoCSS/TailwindCSS classes #2538

Open
ferferga opened this issue Dec 19, 2024 · 0 comments
Open

Migrate to UnoCSS/TailwindCSS classes #2538

ferferga opened this issue Dec 19, 2024 · 0 comments
Labels
good first issue Good for newcomers help wanted Extra attention is needed meta Issues that track a number of other points

Comments

@ferferga
Copy link
Member

ferferga commented Dec 19, 2024

We're currently using Vuetify's CSS classes, but we should switch to UnoCSS classes (which are using the same preset as Tailwind, hence the issue name so it's a 1:1 replacement, but faster at building and fully CSS-standard).

This allows us:

  • Include only the styles we use, reducing bundle size.
  • Modernizes the codebase (lots of new frontend projects are using Tailwind, this makes us catch up to them)
  • Improve customization (since lots of the util classes use CSS variables, we can switch to those).

Currently, UnoCSS is configured to work prefixed as uno-, so gettings started it's a matter of installing the recommended extensions in VSCode and typing uno- in the class attribute of elements.

Useful resources

@ferferga ferferga added good first issue Good for newcomers help wanted Extra attention is needed meta Issues that track a number of other points labels Dec 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers help wanted Extra attention is needed meta Issues that track a number of other points
Projects
None yet
Development

No branches or pull requests

1 participant