A picture with sprites appeared in the images folder, but in the SASS file I got an error with @import "icons/*.png"; with the text: cannot resolve import to SASS / SCSS file . Also an error in @include all-icons-sprites; with the text: there is no mixin "all-icons-sprites"

My folder structure

  • images
    • icons
      • icon_1.png
      • icon_2.png
      • icon_3.png
      • icon_4.png

config.rb

 http_path = "/" css_dir = "stylesheets" sass_dir = "sass" images_dir = "images" javascripts_dir = "js" http_fonts_path = "../fonts" asset_cache_buster :none relative_assets = true

SASS

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

CSS output

 .icons-sprite, .icons-icon_1, .icons-icon_2, .icons-icon_3, .icons-icon_4, .icons-icons-sc0b61509a6 { background-image: url('../images/icons-s705cc83f98.png'); background-repeat: no-repeat; }

If I change this line in the SASS file, the error disappears

 @import "../images/icons/*.png";

But CSS now shows the wrong path.

 background-image: url('../images/../images/icons-s3809f1281e.png');

For the second day I try to understand what is wrong, but without success. Help me please.

    0