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

How to regenerate CSS files ? #4

Closed
SR-G opened this issue Sep 13, 2021 · 1 comment
Closed

How to regenerate CSS files ? #4

SR-G opened this issue Sep 13, 2021 · 1 comment

Comments

@SR-G
Copy link

SR-G commented Sep 13, 2021

I don't know anything about TailwindCSS (and the documentation is quite overhelming and seems quite unclear / not beginner-friendly at all), and i need to change some things about the CSS, but have no idea what needs to be done in order to regenerate the CSS files ?! (some CSS entries - like many color ones - from TailwindCSS are not available anywhere in the generated CSS (maybe they have been purged / removed, i would say).

So does anyone knows the few steps to apply in order to change something in scss files and regenerate everything ?
Thanks in advance for any pointers on this subject ...

@SR-G
Copy link
Author

SR-G commented Sep 13, 2021

Auto-reply (but why is this CSS/node ecosystem so much unintuitive, i really wonder).

Update package.json with ""postcss-cli": "^=8.0"` (otherwise next steps will fail)

Install npm (pacman -S npm or whatever)

Install node packages npm install tailwindcss postcss

Run build task npm run build, which should update static/css/theme.css with content from scss/theme.scss and by purging everything related to tailwindcss, except what is actually used inside the various .html hugo templates under layouts/ (i.e., if some tailwind classes are not used inside the theme, they won't be in the resulting css).

@SR-G SR-G closed this as completed Sep 13, 2021
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

No branches or pull requests

1 participant