New to the community and Hugo (thank you for the great SSG Hugo team!) so apologize if
the question was answered before.
I am trying to import bourbon/neat/bitters to Hugo but for some reason I am getting File to import not found or unreadable: bourbon
so I hoped that someone more experienced can advise me what’s wrong here
(maybe the paths, directory architecture etc.?)
Thank you in advance.
sass src/stylesheets/all.css.scss static/css/all.css
Error: File to import not found or unreadable: bourbon.
Load path: /home/user/PROJECTS/project-hugo
on line 3 of src/stylesheets/all.css.scss
bundle show bourbon
/usr/lib/ruby/gems/2.1.0/gems/bourbon-4.0.2
Just an update … I managed to install Bourbon/Neat but not with the gem install.
I had to install all dependencies in the stylesheets directory.
I will still appreciate if someone shares more elegant way to do this
I actually did but my question is not so much about how to use Bourbon/Neat but mostly
how to correctly add it to Hugo. I.e. how to structure the directories etc.
Right now I put the dependencies in to src/stylesheets directory and the compiled CSS file
is in the static/css.
Is this the right approach?
(_variables.scss and _responsive.scss are my own thing, and live in src/css).
I use Bower to manage dependencies and install a few things under src and a makefile to run the whole thing (for your purposes, running compass compile). I have previously installed compass and bourbon with gem install, but I think you could do that with Bower (I’m far from a frontend person). After make runs, I end up with everything my site needs under static, where it’s picked up by Hugo.