This is my first time I used Symfony, so I don’t know if I’m all confused or what, but I can’t get the compass to write while working on my project, apparently.
This is what I have on my scss files:
@import "compass";
@import "compass/css3";
@import "compass/utilities/sprites";
@import "icons/*.png";
@include all-icons-sprites;
And I do not see any errors when compiling sass, but the icons are not found anywhere, and the generated css is something like:
.icons-sprite, .icons-icon01, .icons-icon02 {
background: url("/images/icons-sf92f9256db.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
In my config.yml file, I have the following:
assetic:
debug: "%kernel.debug%"
use_controller: false
filters:
cssrewrite: ~
sass: ~
compass:
bin: '/usr/bin/compass'
apply_to: "\.scss$"
http_path: /
images_dir: %kernel.root_dir%/../src/Es/DolceVitaBundle/Resources/assets/images
generated_images_path: %kernel.root_dir%/../web/images
http_generated_images_path: /images
parameters:
assetic.filter.compass.images_dir: %kernel.root_dir%/../src/Es/DolceVitaBundle/Resources/assets/images
assetic.filter.compass.http_path: /images
And the folder of my icons (with the png source files that I want to use for the sprite) is in / Myprojectfolder / src / src / Es / DolceVitaBundle / Resources / assets / images
The folder in the / Myprojectfolder / src / web / images folder is empty
EDIT:
Additional info: I made app / console assetic: dump --watch and css files were created perfectly
And my stylesheets are added as follows:
{% stylesheets output='css/*.css' filter="compass"
"@EsDolceVitaBundle/Resources/assets/scss/style.scss"
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}