Hello,

I'm sure I'm making some silly mistake but I've searched and struggled for far to long so I thought an issue may exist.

I am able to create Compass sprites normally.

@import "compass/utilities/sprites";
@import "icons/sprites/png/*.png";
@include all-png-sprites;

However, I can't seem to get SassyIcons to find the source files and continue to receive the following exception:

error web-src/wc/sass/wc.scss (/Users/aarongreenlee/.../ruby/2.0.0/gems/compass-1.1.0.alpha.3/lib/compass/sprite_importer.rb:89:in `files': undefined method `any?' for nil:NilClass)

My icons config:

@import 'SassyIcons';

$icons-defaults: (
  spacing: 0,
  // Main icons directory. `sprite-map-create()`, base for sub dirs.
  dir: "icons/sprites/",

  // Name of the png sub-folders.
  dir-png: "png",

  // Name of the hidpi png sub-folders.
  dir-hidpi: "png_2x",

  // Scale of the hidpi pngs.
  hidpi-scale: 2,

  // Minimum resolution ratio used in the hidpi media query.
  hidpi-ratio: 1.3,

  // Whether to embed icons as data URI in the `icon-single()` mixin.
  single-embed: true,

  // Default file format unless overridden by parameter, svg | png.
  format: "svg",

  // Whether to support legacy browsers, svg fallback.
  legacy: true
);

@include sprite-map-create(sprites, $spacing: 10px);

I've tried many different path attempts and can't seem to find the correct path.

Would it have an impact on functionality to add the offset (background-position) to svg icons as well?

If I have an icon as background image of a link i want the clickable area to be bigger than the icon. And I do so by making the Element bigger and adding an offset to the background image. The Png Fallback is positioned correctly, but the svg doesn't get positioned at all.

if I add position: unquote($offset-x + px $offset-y + px); to the _icon.scss file in the background property of the svg image it works like I would expect it. But I just started using your system and maybe I misunderstood something

@if $format == 'svg' {

    $svg-file: _join((conf(dir), $map, '#{$sprite}.svg'), '/');

    background: {
      image: inline-image($svg-file);
      repeat: no-repeat;
      position: unquote($offset-x + px  $offset-y + px);
    }

    .svg & {
      @content;
    }

    @if $legacy-support {
      .no-svg &,
      .no-js & {

        @extend %sprite-map-#{$map}-image-map;

        background-position: _sprite-position($map-1x, $sprite, $offset-x, $offset-y);
      }
    }

  }

Hi, I'm trying to troubleshoot where I messed up that's causing me to get this error:
error app/_scss/style.scss (Line 14 of node_modules/sassyicons/stylesheets/config/_config.scss: Invalid CSS after " spacing": expected ")", was ": 0,")

I'm using sassyicon with a yeoman generated jekyll based site. I'm using Compass 1.0.0.rc.1 and Sass 3.4.0.rc.3. I'm using grunt for task running.

It's entirely possible I installed SassyIcons wrong. I initially tried to install it with Bower but kept getting "ENOTFOUND Package SassyIcons not found" in response. After that I installed it with npm and also installed the compass extension. I also installed grunt-svg2png

I can see the reference to it in my package.json file:
"dependencies": {
"sassyicons": "0.0.10"
},

The import in my scss file is: @import "../../node_modules/sassyicons/stylesheets/SassyIcons";

Any help would be appreciated.

Thanks,
Andrew

I haven't used your tool yet, but SVG icons are on my radar (been using Inkscape for years).
What do you need "Space around sprites in generated sprite map" for please?
Does this use the latest SCSS additions, or can I use libsass either in-browser via sass.js or dev-side node-sass which tend to behind the SCSS spec?

• icon-generated() and generated() don't force absolute positioning.
• Rewrite generated() mixin
• icon-generated() configurable calc() fallback

Move away from Modernizr classes no-svg no-js ? Or make it an option.
Test and implement the multiple background fallback solution.

The problem with those classes is they produce a lot of selectors, possibly some being wrong due to @extend. See http://sassmeister.com/gist/9cffd280c0add4dc28b6

Furthermore it depends on JS.