<![CDATA[@import in .css file not importing CSS]]>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.

]]>https://forum.cloudron.io/topic/9010/import-in-css-file-not-importing-cssRSS for NodeMon, 13 Apr 2026 04:31:47 GMTTue, 11 Apr 2023 00:37:07 GMT60<![CDATA[Reply to @import in .css file not importing CSS on Tue, 11 Apr 2023 08:50:51 GMT]]>@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.

]]>https://forum.cloudron.io/post/64702https://forum.cloudron.io/post/64702Tue, 11 Apr 2023 08:50:51 GMT<![CDATA[Reply to @import in .css file not importing CSS on Tue, 11 Apr 2023 13:44:28 GMT]]>@girish thank you!

]]>https://forum.cloudron.io/post/64721https://forum.cloudron.io/post/64721Tue, 11 Apr 2023 13:44:28 GMT<![CDATA[Reply to @import in .css file not importing CSS on Tue, 11 Apr 2023 08:50:51 GMT]]>@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.

]]>https://forum.cloudron.io/post/64702https://forum.cloudron.io/post/64702Tue, 11 Apr 2023 08:50:51 GMT<![CDATA[Reply to @import in .css file not importing CSS on Tue, 11 Apr 2023 04:28:42 GMT]]>@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
]]>https://forum.cloudron.io/post/64694https://forum.cloudron.io/post/64694Tue, 11 Apr 2023 04:28:42 GMT<![CDATA[Reply to @import in .css file not importing CSS on Tue, 11 Apr 2023 01:46:12 GMT]]>Please show the directory contents or screen shots from the Cloudron File Manager tool.

]]>https://forum.cloudron.io/post/64689https://forum.cloudron.io/post/64689Tue, 11 Apr 2023 01:46:12 GMT