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

After migration to v1 my CSS is 10x larger #3905

Open
cooperaj opened this issue Sep 14, 2024 · 2 comments
Open

After migration to v1 my CSS is 10x larger #3905

cooperaj opened this issue Sep 14, 2024 · 2 comments

Comments

@cooperaj
Copy link

cooperaj commented Sep 14, 2024

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version [1.0.2]

This is a Sass issue: latest dart-sass

Description

I have a website built with Bulma and heavily customised via SASS. I was using this setup: https://github.com/cooperaj/rmwd-hugo-theme/blob/840d879c15fabf1bd5d2994791195461616244a4/assets/sass/_bulma.scss

But after completing the migration work it now looks more like: https://github.com/cooperaj/rmwd-hugo-theme/blob/master/assets/sass/_bulma.scss (along with a whole raft of changes in the other scss files to work with SASS modules.

Other than the switch to the new version I'm made no other changes to my sites build.

My complied CSS file has gone from ~14K to ~140K though. I'm still running the whole lot through PostCSS with no change to that configuration.

You can see it all working here: https://realmenweardress.es

Steps to Reproduce

Build my Hugo site.

Expected behavior

CSS doesn't increase in size quite so much (some is ok obviously)

Actual behavior

Huge CSS size increase.

As an aside I would have gone to a forum or discord server (eww) for this kind of problem but I thought it was worth asking here without those.

@cooperaj
Copy link
Author

It's worth adding that I've been able to reduce the size by about half by using a PostCSS plugin that strips unused CSS variables. My CSS is now about 70K.

@jjclgi
Copy link

jjclgi commented Sep 25, 2024

Also see #3761 where some success has been reported using purgecss.

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

2 participants