File to import not found when using Compass to compile SCSS files

[mielvds]

Hi!

I'm getting the following errors when running compass compile in the static folder.

error scss/app-admin.scss (Line 4: File to import not found or unreadable: foundation.
error scss/app.scss (Line 4: File to import not found or unreadable: foundation.

Should

atramhasis/atramhasis/static/scss/app.scss

Line 3 in d18c5f3

@import "foundation";

be atramhasis/foundation/functions?

If I make this change, I get the same complaint for font-awesome on

atramhasis/atramhasis/static/scss/app.scss

Line 4 in d18c5f3

@import "font-awesome";

A side question: would it valuable to switch from compass to something like pyscss and remove the Ruby dependency and perhaps do this conversion at startup?

[koenedaele]

I'm going to have to pass this on to the frontend team. I think we do stuff very differently these days.

[JonasGe]

Hi Miel, did you run npm install before compiling the SCSS? This should install font-awesome and foundation.

In other projects, we have made the switch from NPM to yarn which can also handle the SCSS compilation.

We should look into transitioning to our more modern tech stack (python back-end, typescript/Aurelia front-end) for this application too. Or migrate the front-end to Vue.js as an experiment... @cedrikv

[mielvds]

Hi Miel, did you run npm install before compiling the SCSS? This should install font-awesome and foundation.

I didn't at first, but then it was complaining about https://github.com/OnroerendErfgoed/atramhasis/blob/develop/atramhasis/static/config.rb#L2

In other projects, we have made the switch from NPM to yarn which can also handle the SCSS compilation.

That fixed it acutally, thanks! Perhaps put yarn forward in the docs as well

We should look into transitioning to our more modern tech stack (python back-end, typescript/Aurelia front-end) for this application too. Or migrate the front-end to Vue.js as an experiment... @cedrikv

Compared to other open-source, java-heavy SKOS projects, I think this stack is already quite modern :D
Migrating the front-end to something like Vue is probably a good idea, but not sure how big of an effort it would be. Are you considering changing the backend as well? Happy to help/brainstorm in any case.