Using the Compass susy grid system within a SASS stylesheet

Hello,

I've recently installed Web Workbench (v3.2.779.22483) under VS2010, and I'm having trouble getting a particular SASS script working. SASS compilation works in general, but when attempting to use the susy grid system (see below), the relevant gem is not found:

// Compass Helpers are used extensively - remove this and compilation will fail
@import "compass";

// Susy is the grid system
@import "susy";

The resulting CSS file begins as follows:

/*
Syntax error: File to import not found or unreadable: susy.
              Load paths:
                D:/Projects/MvcApplication1/MvcApplication1/sass
                C:/Users/User/AppData/Local/Temp/Mindscape/WebWorkbench/Ruby193/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/blueprint/stylesheets
                C:/Users/User/AppData/Local/Temp/Mindscape/WebWorkbench/Ruby193/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets
                Compass::SpriteImporter
        on line 4 of D:/Projects/MvcApplication1/MvcApplication1/sass/test.scss

I've tried installing susy on a separate machine (via "gem install susy"), then copying the resulting files from C:\Ruby200\lib\ruby\gems\2.0.0\gems\susy-1.0.5 onto the machine with the Web Workbench install under C:\Users\User\AppData\Local\Temp\Mindscape\WebWorkbench\Ruby193\Ruby193\lib\ruby\gems\1.9.1\gems\susy-1.0.5. I've also tried updating the @import reference to @import "susy-1.0.5", but this still refuses to build.

Is there a supported method for installing separate Ruby gems so these are accessible by Web Workbench?

Thanks

Conan

Yes, you can specify a custom Ruby path under the Web Workbench option in the Compilation section (Tools/Options/Web Workbench). This will need to point to the bin folder of your Ruby installation. This installation will then be used for compilation (both Sass and Compass).

You could then set this to point to your C:\Ruby200\bin folder and then manage your Gems as required there.

Jeremy

OK, I've installed Ruby 2.0.0 under D:\Ruby200-x64, and run the following commands to get the latest compass and susy gems:

gem update --system
gem install compass
gem install susy

I then updated the "Ruby installation path" setting to:

D:\Ruby200-x64\bin

Unfortunately this still fails to find the Susy grid gem; I've tried both @import "susy"; and @import "susy-1.0.6" (the version installed). The output file shows the following:

Syntax error: File to import not found or unreadable: susy.
              Load paths:
                D:/Projects/MvcApplication1/MvcApplication1/sass
                D:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets
                D:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets
                Compass::SpriteImporter
        on line 4 of D:/Projects/MvcApplication1/MvcApplication1/sass/test.scss

1: D:/Projects/MvcApplication1/MvcApplication1/sass/test.scss

Thanks

Conan

Sounds like Compass isnt picking this up as a plugin - have you added the require line to config.rb?

e.g.

require 'susy' 

Jeremy

Hey Jeremy,

Looking to use Susy as well. I just installed Workbench and just wasn't sure if your extension installs ruby/iron ruby? Need to know if I need to install Ruby 2 to add Susy gems etc.

Thanks,

Tony

We use a standard Ruby installation. We target a 1.93 install currently but you can certainly use Ruby 2 instead.

Jeremy