I’d like to include modern-normalize.css from GitHub - sindresorhus/modern-normalize: 🐒 Normalize browsers' default style into my styles.scss file. I feel like I’m close, but just not quite there. In config.toml, I’ve set it up as the following: [module] [[module.mounts]] source = "assets" target =…

Thanks for sending those links. It feels like I’m right there, but just not getting over the hump. Now my issue seems to be with renaming a .css file to .scss. Here’s my current setup: config.toml [module] [[module.imports]] path = "github.com/sindresorhus/modern-normalize" disable = false [[modu…

Try something like: [[module.imports]] path = "github.com/sindresorhus/modern-normalize" disable = false [[module.imports.mounts]] source = "." target = "assets/scss" @import "modern-normalize";

Thanks for the input…Since that repo only has a .css version, I’d like to use the source/target to rename that file to .scss so it can be imported via scss instead of the css import. I thought I had seen somewhere that I could do something like the following: [[module.imports]] path = "github.com/s…

Was I mistaken? A mount can only be a folder. Import the css file as you would import an scss file, without extension: Sass: @import Syntactically Awesome Style Sheets

Ugh…I feel like I’m so close on this, but it’s just not coming together. config.toml: [module] [[module.imports]] path = "github.com/sindresorhus/modern-normalize" disable = false [[module.imports.mounts]] source = "." target = "assets/scss" style.scss @import 'modern-normalize'; Then I get the…

[image] gethugothemes: A mount can only be a folder. That’s not true (at least not for the /assts mount we’re talking about here). The Bootstrap project discovered that by accident … twbs/bootstrap/blob/09a09387f4991e2af0e6c0f359d0568f48d136b4/config.yml#L39 …

@bep I put together a quick repository to explore this: https://github.com/jloosli/explore-mounts The README.md file is describing what I’m attempting.

@bep I hate to bug you, but I think this would be ideal if I could mount and change the file name/extension. From my perspective, at least for this example, the file gets mounted, but SCSS refers to it as the original css file. I don’t know if that’s a symbolic link issue or scss or on the Hugo side…

[image] jloosli: @bep I hate to bug you, but I think this would be ideal if I could mount and change the file name/extension. I agree, and I would expect what you do to just work, so I must have done something wrong somewhere. I will check. Check file mounts…

Include scss via hugo module

support

pointyfar October 30, 2020, 9:55am 2

Have a read here: Hugo modules for "dummies"

And have a look at my example modules:

The main module

import Bulma SCSS
import the sass file

Topic		Replies	Views
Working example of Hugo Modules and Bootstrap .scss files? support	9	4313	May 6, 2020
Moving to Hugo modules with a theme using SCSS support modules , postprocess	5	2475	February 21, 2022
Hugo module import of dart sass css framework support modules , dart-sass	24	1330	September 17, 2024
[SOLVED] Hugo fails to import regular .css file @import in .scss support	4	3948	June 1, 2020
TOCSS error during compilation from mounted repository. Folder name /vendor/ vs. /vendorix/ support	3	1113	May 6, 2022

Include scss via hugo module

Related topics