locomotive-boilerplate icon indicating copy to clipboard operation
locomotive-boilerplate copied to clipboard

BrowserSync not updating CSS correctly (PurgeCSS)

Open xdcha opened this issue 2 years ago • 1 comments

BrowserSync and PurgeCSS do not seem to update automatically. You have to run the build again if you change grid columns for example.

On grid.html for example, if you change the first yellow box to

u-gc-1/4@from-medium

It just defaults back to the full-width column

grid-column: 1 / -1;

Screenshot 2022-08-12 at 7 32 52 pm

In addition, the ratio .u-4:3 is not being pulled through either. And some of the images do not load as you scroll.

xdcha avatar Aug 12 '22 18:08 xdcha

Hello! Indeed, we do have a limitation with the current compilation tasks. The temporary solution is to save any .scss file, while the watch task is running. (npm run start). It will parse all specified templates and compile the styles accordingly with the correct u-gc-* classes. We're planning to fix this in the near future!

For the ratio/lazy-loading problem, can you provide more details? It does work on my side.

devenini avatar Aug 15 '22 15:08 devenini