I've installed sass and compass - the compass watch and compile are working fine, but the #import "compass/reset"; in the screen.scss gives this error:
C:/Ruby193/bin/scss.bat --no-cache --update screen.scss:screen.css
error screen.scss (Line 6: File to import not found or unreadable: compass/reset. Load paths: )
Tried also #import "compass/css3" but gives the same error.
Tried uninstall and reinstall of both sass and compass, then I read something about incompatible versions so tried just installing compass on its own. I'm not familiar with ruby so would appreciate help with what to try next.
Versions:
ruby 1.9.3p125
Sass 3.4.5
Compass 1.0.1
Windows 7
Phpstorm 7.1
Related
We've been using the Ruby version of the sass compiler with compass and grunt-contrib-sass for quite a while but it's very slow.
Since libsass is faster than its Ruby pendant, we replaced grunt-contrib-sass with grunt-sass.
Unfortunately, the docs for grunt-contrib-compass say:
This task requires you to have Ruby, Sass, and Compass >=1.0.1
installed
Also, when I run our build, I get:
Running "sass:dist" (sass) task
>> Error: File to import not found or unreadable: compass
>> Parent style sheet: src/assets/sass/catalog.scss
>> on line 15 of src/assets/sass/catalog.scss
>> >> #import "compass";
>> ^
Warning: Use --force to continue.
So, if grunt-contrib-compass is not compatible with grunt-sass how can I use compass with libsass then?
Found the solution. It was as easy as installing compass-importer:
$ npm install --save-dev compass-importer
And then set importer: compass in Gruntfile.js
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?
I am having a small issue using Susy in that it seems to be using the old syntax.
I have the latest version of SASS (3.3.6). I have the latest version of SUSY (2.1.2). I have the latest version of Codekit (1.9.3).
I have included this in my global.rb file:
require "susy";
I have also imported this as below:
#import 'susy';
So everything should be fine. Using standard variables for the setup I have added the following code to a simple div block:
#include span(5);
Which should span the block 5 columns out of 10. Simple enough but I get an error:
Undefined mixin 'span'
Correct me if I am wrong but is this not the new syntax, as shown here:
http://susydocs.oddbird.net/en/latest/install/
If I use this:
#include span-columns(5 omega);
Everything is fine. But this is using the old syntax for Susy One. Am I missing the obvious here? I would appreciate any direction.
After lots of uinstalling gems and reinstalling gems I was able to get things working.
I used the following:
sudo gem uninstall compass
sudo gem install compass --pre
This seems to have fixed the problem for me.
So these are the gems I have installed:
Compass (1.0.0.alpha.19)
Sass (3.3.8, 3.2.19)
Susy (2.1.2)
I have install latest sass and latest bourbon and I'm getting this error:
>>> Sass is watching for changes. Press Ctrl-C to stop.
error main.scss (Line 1: File to import not found or unreadable: bourbon/b
ourbon.
Load path: C:/xampp/htdocs/FJavaScriptjQueryInfinite_Skills_-_Learning_jQuery_Tr
aining_Video/sass (DEPRECATED))
I have tried manually using bourbon from folder, but keep getting the same error.
Help -(.
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.