I'm using Jekyll to create a static website and want to use the framework Bourbon to build my CSS from.
I've installed Jekyll and want to install Bourbon by adding it to my Gemfile using gem 'bourbon' and running bundle install.
Now when I add the rule #import 'bourbon'; to my SCSS file and start to run Jekyll by jekyll serve -w it starts, but when I modify my SCSS file the Jekyll watcher throws an error saying:
Regenerating: 1 files at 2014-07-03 10:00:11 `Conversion error: There was an error converting 'css/main.scss'.`
...error:
Error: File to import not found or unreadable: bourbon. Load path: /Users/mark/Code/markdejong.com/mistermark.github.com.jekyll/_sass
Error: Run jekyll build --trace for more information.
What can be the problem here? Shouldn't it be possible to import it like this or doesn't Jekyll support this?
Assuming you have a Gemfile:
source 'https://rubygems.org'
gem 'jekyll'
gem 'bourbon'
gem 'neat'
Add this line to _config.yml
gems: [bourbon, neat]
Jekyll will require these gems automatically.
Just do for import:
#import 'bourbon';
#import 'neat';
Check Jekyll docs for more information
http://jekyllrb.com/docs/plugins/
Did you do a
bourbon install
In order to create the bourbon folder ?
Bourbon's doc also says that for non rail app the import rule is :
#import 'bourbon/bourbon';
Did you import Bourbon at the Ruby level, with require 'bourbon?
Or in your Sass configuration?
With Sass, to use Bourbon installed with RubyGems, you have to tell the following command (note the argument -r bourbon):
sass -r bourbon -w css:sass
I do not know Jekyll, but it's perhaps a clue?
Related
I've got an html + js project I use sass with. Works great as long as I don't want to use --watch mode. After running:
sass --watch main.scss:main.css
the error is:
sass --watch main.scss:main.css
>>> Sass is watching for changes. Press Ctrl-C to stop.
LoadError: cannot load such file -- sass-listen
Use --trace for backtrace.
I have a simple Gemfile with: gem 'listen', '~> 2.4.1' and after running bundle update I got in my output:
Fetching listen 2.4.1
Installing listen 2.4.1
Bundle updated!
but still the result is the same.
Could you please help me to fix it? I'm working in WebStorm with LiveEdit plugin in js debugging mode if that makes any difference?
The wrong gem has been added. It needs to be gem 'sass-listen', '~> 4.0'. After adding that to Gemfile and running the bundle update everything works fine.
I tried to setup my project as normal. In the config.rb file i require rgbapng and before of corse I installed it with sudo gem install compass-rgbapng.
Now when I now run compass compile . I get the following Errors.
compass compile .
error sass/styles.sass (Line 5: File to import not found or unreadable: rgbapng.
Load paths:
Compass::SpriteImporter
/home/my_user/public_html/spinnwerk/my_project/public/sass
/var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets)
The gem compass-rgbapng is located under /var/lib/gems/1.9.1/gems/compass-rgbapng-0.2.1. So How do I tell compass to watch in the right directory?
I fixe it for me by copying the file to te compass-core folder.
sudo cp /var/lib/gems/1.9.1/gems/compass-rgbapng-0.2.1/lib/stylesheets/_rgbapng.scss /var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets
This is a bad fix in my opinion, so I am still looking for a better way. If you can find one, pleas let me know.
I am a newb to the command line. The furthest I have taken it was to install the sass version of Foundation successfully. I want to try out Susy to see if it suites my needs better. I was following the 11 videos series on Susy Tutorials on Level Up Tuts by Scott Tolinski. I followed him step by step during the installation process all the way up until the "compass watch" command within my root folder. I was then thrown this error:
NoMethodError on line ["31"] of /Users/bradgabel/.rvm/gems/ruby-2.0.0-p247/gems/compass-1.0.0.rc.0/lib/compass/sass_compiler.rb: undefined method `on_compilation_starting' for #Sass::Plugin::Compiler:0x007fe4a41def80>
Run with --trace to see the full backtrace
The gems I have installed are:
compass (1.0.0.rc.0, 0.12.7)
compass-core (1.0.0.rc.0)
compass-import-once (1.0.4)
sass (3.4.0.rc.2, 3.2.19)
susy (2.1.3)
Try to put this on your sass file.
#import "susyone";
hope can solve your problem.
I am also having issues using compass watch from the command line but mine was after I updated my susy / sass gems. I have found that using preros was much easier and you can configure it to use the same config.rb file + your system ruby gems without having to navigate the command line. Best of luck.
I have compass 1.0.0.alpha.18 installed with Sass 3.3.2 and Susy 2.0.0 and get
"Loaderror on line["45"] of C: cannot load such file --wdm"
The process that I am trying in the console is this:
gem install sass
gem install compass
When I do this, it tells me "successfully installed compass-0.12.3 but if I run compass --version I get Compass 1.0.0.alpha.18.
gem install susy
compass watch [my sass folder]
Returns: Compass is watching for changes
overwrite ../css/styles.css
Loaderror on line["45"] of C: cannot load such file --wdm
Any help would be greatly appreciated.
I'm trying to use the 960 grid system in my compass project.
So I installed the gem with:
gem install compass-960-plugin
Then in my compass project I add the folowing rule to my "config.rb" file:
# Require any additional compass plugins here.
require 'ninesixty'
But when I try to import in my screen.scss with:
#import 960/grid
It's not working. The error I get is as follows:
Compass was unable to compile one or more files in the project:
Compass was unable to compile one or more files in the project:
LoadError on line 161 of /Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/configuration/data.rb:
no such file to load -- ninesixty Run with --trace to see the full
backtrace
It looks like the gem isn't in your LOAD_PATH. Did you require 'rubygems' before requiring the 960 gem? Are you using something like Bundler?