Command line Compass spriting

Hi, I am using WWB in Visual Studio and have got the Compass spriting working fine on save, but it fails when trying to run from the command line, with the message below.

No files were found in the load path matching "icon/png/*.png". Your current load paths are: C:\Application\Images

I have a config.rb file pointing an images_dir at the root images folder in the project. Here is the content of my file:

# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css/compiled"
sass_dir = "Scss"
images_dir = "Images"
generated_images_dir = "Images/icon/sprite"
http_images_path = http_path + images_dir
fonts_dir = "Fonts"
http_fonts_path = http_path + fonts_dir

# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true

The SASS that causes the issue seems to be the import of png files to create a sprite:

@import "icon/png/*.png";

Any ideas as to why it has an issue with the import?

Thanks

Can you let me know what specifically you are running at the command line which produces this?

Thanks!
Jeremy

Hi Jeremy, thanks for your reply. What I am running is a call to the compass_local.bat file that is in my userse\temp folder created when I installed the Pro command line tool. The call is this:

"C:\Users\Me\AppData\Local\Temp\Mindscape\WebWorkbench\Ruby193\Ruby193\bin\compass_local.bat" compile "C:\Application\"

The config.rb file is located in C:\Application.

If I remove the spriting logic then the SASS file is correctly compiled. Here is the full content of the spriting partial file:

//http://compass-style.org/help/tutorials/spriting/
//http://css-tricks.com/using-svg/
/*Create a list of icon names to be sprited*/
$sprite-list: 
    close-circled
    close-selected-circled
    one-circled
    two-circled
    three-circled
    four-circled
    five-circled
    six-circled
    six-circled-coloured
    seven-circled
    eight-circled
    nine-circled
    ten-circled
    checkmark-circled
    email-circled
    information-circled
    monitor-circled
    printer-circled
    record-blue
    record-grey;

/*Create a placeholder style to be reused for each icon*/
.icon {
  position:       relative;
  @include        inline-block;

  > span {
    @extend %hidden;
  }
}

.icon-block {
    display:block;
    margin:0 auto;
}

/*Compass will use the folder name as the identifer e.g. 'png' */
@import "icon/png/*.png";

/*Compass has a number of sprite configurations*/
//automatically add height and width to each rule $png-sprite-dimensions: true;
//extra padding $png-spacing: 10px;
//layout of the sprite $png-layout: horizontal | vertical | diagonal | smart;

/*Use a loop to iterate the list of sprite icons and create the appropriate class 
for them - PNG IS REQUIRED - it gives us the background size dimensions 
we desire to constrain our SVG*/
@each $icon in $sprite-list {
    /*Let Modernizr help us to so we only include the supported format*/

    .icon-#{$icon} {
        background: {
            //inline-image provide us with data URIs to reduce the number of requests for SVG asssets
            image: inline-image("icon/svg/#{$icon}.svg");
            position: 50% 50%;
            size:contain;//IE9+ feature
            repeat: no-repeat;
        }

        /*Use SaSS functions to get dimensions*/
        width:            png-sprite-width($icon);
        height:           png-sprite-height($icon);
        line-height:      png-sprite-height($icon);

        .no-svg & {
            @include          png-sprite($icon);
            background-size:  png-sprite-width($icon) png-sprite-height($icon);
        }

    }
}

Thanks

Hi Jeremy, did I post what you were asking for? If you have any ideas what I could investigate to get this working from the command line I would be grateful. Thanks

Sorry for the delay in replying.

Just to confirm you do have a folder located at C:\Application\Images\icon\png\ which contains the .png files you are spriting? If so this should be working, and I am unsure why it would fail. Ive run up a quick test with your file and a directory structure that should match this here and that works correctly. If the folder structure looks fine would you be able to send through a copy of the project which I can try and reproduce this with here to see if I have missed something in my test here?

Thanks!
Jeremy

Hi Jeremy, thanks for your time and help with this.

The folder structure looks fine to me, and the Visual Studio version is able to generate the sprite fine.

I have created a cut down version of the project that I have attached. I've included a bat file replicating the call to compass_local. The paths are obviously for my PC...

I'd be interested to know if you experience the same issue.

Many thanks

Right, I can reproduce what you are seeing now. Try just running compile without the directory argument and ensure your working directory is the path in which config.rb resides.

e.g.

"C:\Users_Me\AppData\Local\Temp\Mindscape\WebWorkbench\Ruby193\Ruby193\bin\compasslocal.bat" compile

Jeremy

Great, that worked. Thank you for your help Jeremy