@import in .css file not importing CSS

[Shai]

I'm teaching myself Hugo. I’m using the Eternity theme. My site displays perfectly on the Hugo local web server localhost:1313/ on my computer.

But when I upload the public directory to my Cloudron the @import instructions on /css/main.css are not actually importing the css even though all the files are in the same directory as main.css.

Here is main.css:

@import "bulma.min.css";
/* @import "fonts.css"; Moved to /layouts/partials/fonts.html */
@import "base.css";
@import "colors.css";
@import "width.css";
@import "markdown.css";
@import "style.css";
@import "tablet.css";
@import "mobile.css";
@import "custom.css";

Here is the result of ls of that directory:

ls
base.css       colors.css  fonts.css  markdown.css  style.css   width.css
bulma.min.css  custom.css  main.css   mobile.css    tablet.css

I have used “inspect element” in Firefox to see that the css is not being imported.

I've tried this using both:

• Surfer app
• LAMP app

Same problem in both.

The in-process site is at: https://ink/daysofawe.net

Thanks in advance for your help.

[girish]

@Shai said in @import in .css file not importing CSS:

The in-process site is at: https://ink/daysofawe.net

I guess you mean https://ink.daysofawe.net . The view-source:https://ink.daysofawe.net/tags/archive/ has several typos . it says daws instead of days.

[robi]

Please show the directory contents or screen shots from the Cloudron File Manager tool.

[Shai]

@robi
Here are the contents of
/app/data/public/css/

ls -al
drw-r--r--  2 cloudron cloudron   4096 Apr  8 23:14 .
drwxrwxr-x 15 cloudron cloudron   4096 Apr 10 05:45 ..
-rw-r--r--  1 cloudron cloudron   1152 Apr  8 23:14 base.css
-rw-r--r--  1 cloudron cloudron 206669 Apr  8 23:14 bulma.min.css
-rw-r--r--  1 cloudron cloudron    153 Apr  8 23:14 colors.css
-rw-r--r--  1 cloudron cloudron     24 Apr  8 23:14 custom.css
-rw-r--r--  1 cloudron cloudron     44 Apr  8 23:14 fonts.css
-rw-r--r--  1 cloudron cloudron    264 Apr  8 23:14 main.css
-rw-r--r--  1 cloudron cloudron   1903 Apr  8 23:14 markdown.css
-rw-r--r--  1 cloudron cloudron   1064 Apr  8 23:14 mobile.css
-rw-r--r--  1 cloudron cloudron   5729 Apr  8 23:14 style.css
-rw-r--r--  1 cloudron cloudron   1028 Apr  8 23:14 tablet.css
-rw-r--r--  1 cloudron cloudron     41 Apr  8 23:14 width.css

[girish]

@Shai said in @import in .css file not importing CSS:

The in-process site is at: https://ink/daysofawe.net

I guess you mean https://ink.daysofawe.net . The view-source:https://ink.daysofawe.net/tags/archive/ has several typos . it says daws instead of days.

[Shai]

@girish thank you!