Compass imports and non-root directories

Hey Guys,

Great tool, it looks like it might be just what i'm looking for, but right now i'm having a hard time getting it to work right. When we start a 'compass project' it automatically creates the sass and stylesheet directories on the root, but I wanted to move them.

However, when I move the directories and change the config, the compiler recognizes the changes, but the standard compass imports stop working and I get an error such as:

Syntax error: File to import not found or unreadable: compass/reset.

Any ideas what might be causing this? There is something I may not understand about how it needs to be set up.

Thanks for any help, Matt

Ahh, It looks like I may have understood the web workbench workflow a bit. I have now seen that you can choose how files are compiled from the web workbench settings from the context menu on the project.

With that, I was wondering, is it a pro-feature to change the output directory?

Thanks again,

Matt

Currently you cannot change those directories away from the defaults for a Compass project, we dont pick up those changes and will only trigger the Compass compiler for files under the /sass hierarchy within your project. That said we are adding support for this soon - if you are a pro customer you can test this out in the nightly builds by updating your config file and we are going to allow these to be edited via the project options soon.

Jeremy

It seems as though the most recent version of WW (3.2.654.22195@2012-12-17) still does not pick up on changes to the paths in config.rb. My config values are

http_path = "/"
css_dir = "Common/Css"
sass_dir = "Common/Sass"
images_dir = "Common/Images"
javascripts_dir = "Common/JS"

My directory structure is

/
   Common/
      Css/
      Images/
      JS/
      Sass/
         screen.scss
   [...]

The contents of screen.scss is

@import "compass/reset";
a { text-decoration: none; }

But I get the following error:

Syntax error: File to import not found or unreadable: compass/reset.
              Load paths:
                C:/Windows/System32
                C:/[project_root]/Common/Sass
        on line 4 of C:\[project_root]\Common\Sass\screen.scss
  Use --trace for backtrace.

Any ideas?

Bill

Thanks for reporting this - I have added a fix for this and this will be in the next nightly build and gallery update.

Jeremy

Has this fix been pushed out to the gallery? I am still seeing the same issue with version 3.2.761.22458.

Yes this fix will be in the current gallery update. Can you elaborate on your issue? Also have you converted your project to be a Compass project via the context menu?

Jeremy

My directory structure for my project is set up like:

/assets
    /css
    /js
    /sass
        app.scss
    /img

My config file is set up as:

http_path = "/"
css_dir = "assets/css"
sass_dir = "assets/sass"
images_dir = "assets/img"
javascripts_dir = "assets/js"

Within app.css I am doing:

@import "compass";
@import "compass/reset";

However, I am getting the following error:

Syntax error: File to import not found or unreadable: compass.
          Load paths:
            C:/Data/TestProject
            C:/Data/TestProject/Web/assets/sass
    on line 10 of C:\Data\TestProject\Web\assets\sass\site.scss

Use --trace for backtrace.

The project was set up as a compass project via the contect menu. If I leave my scss files in the automatically generated "sass" directory that is put at the root level, everything works fine. It's only after I move these files into my 'assets/sass' directory that I get the error.

Thanks for you help - Dustin

Hi Dustin,

Any chance you could email me your test project? (You can send this to use at support at mindscape.co.nz). Ive created a quick web site here and set up an assets folder and configured my config.rb as you have listed here but it all works fine for me so perhaps there is something else going on..

Thanks!
Jeremy

I'm facing the same issue, i.e.

Syntax error: File to import not found or unreadable: compass.
              Load paths:
                C:/Windows/System32
                C:/Users/Peter/Documents/d2i/MVC/TestApp/TestApp/TestApp/Content/SASS
        on line 2 of C:\Users\Peter\Documents\d2i\MVC\TestApp\TestApp\TestApp\Content\SASS\application.scss
  Use --trace for backtrace.

My config.rb looks like this:

http_path = "/"
css_dir = "Content/SASS"
sass_dir = "Content/Stylesheets"
...

Any idea what I could do?

Thanks!

Hi Peter,

Could you check you are on the latest gallery update and if so could you please email us a project where this occurs so we can have a look into what is causing this issue. You can send this to use at support at mindscape.co.nz rather than attaching it to the forum post if you would prefer.

Thanks!
Jeremy

Looks like you've switched the directory path. You're pointing SASS to your CSS directory path and CSS to your SASS directory path.

You don't need to specify "compass" on your sass directory to import.

@import "compass" is to import all of compass mixins. if you're importing another sass file, just type: @import "filename";

you don't have to specify ".scss" (or not, whatever.)

Thanks - you're absolutely right, I simply mixed up the folder names! How stupid of me... :-/

I have version 3.2.972.22809 installed (2013-07-30). I've set up a new, empty web application and used the right click menu option to set up a Compass project.

By default, screen.scss contains this

@import "compass/screen";

No problem here. But when you try to replace it with

@import "compass"

which, according to the documentation is valid, an error is shown on mouseover saying "Import file not found"

Yes this looks like a bug - thanks for reporting this. Ive added in a fix for this and this will be available in the next nightly build.

Thanks!
Jeremy

Has this issue been added into the nightly build yet? I have tried to download the nightly builds a moment ago and the server is down. I may possibly have the wrong link. If so could you provide me with the link?

Thanks,

djfrsn

Yes this is in the current nightly builds. You can download these from the downloads for your Web Workbench subscription under the My Account section (link in the top right corner of the page).

Jeremy

I was not able to see the nightly build in my account. Do I need to have the Pro version in order to download?

Yes, nightly builds are only available as part of a Professional subscription. These fixes will also be made available in the next VS gallery update.

Jeremy

I downloaded and installed Web Workbench 3.2.1035.22937 (the version currently in the VS Gallery) today. I can't get @import "compass" to work, even in a simple test project.

Here's how I tested:

• Started Visual Studio 2010.
• Created a new ASP.NET Web site.
• Used the "Setup Compass Project" context menu option to make the site's project a Compass project.
• Opened sass/screen.scss.
• Added a line reading @import "compass"; above @import "compass/reset";.
• Built the project.
• Placed the mouse cursor over the compass import line. A tooltip reading "Import file not found" was displayed.

Should @import "compass" be supported in the version currently in the gallery? If not, do you have any idea when it will be?

Thanks for reporting this. This is an erroneous warning being displayed in the editor - compilation itself should not be affected so you can just ignore the warning. Ive added a fix for this which will be available in the next nightly build and gallery update.

Jeremy