Custom Image Path in Scout

I use the Scout application on Windows 7 to easily work with SASS / Compass. I have some incredibly annoying experiences trying to set up the image path Scout should use.

The Scount configuration user interface actually offers a field for setting the path to my images, so I installed it something like this:

C: \ MyProject \ IMG

Next, I use the rule in my .SCSS file, for example:

@include background(image-url("bg_skin.png"));

This compiles in CSS with this way:

/images/img/bg_skin.png

Which, obviously, violates my path to the image. I think I lack the logic here, why I was given the opportunity to set the path, after which it is completely canceled.

As more and more users come across this issue, an update has been released:

http://www.continuousthinking.com/2012/05/14/scoutapp-0-6-0-rc1.html

This update allows you to create a custom configuration file for setting paths, etc., which will then be used. So I created this file and asked Scout to use it:

images_dir = "../img"

This compiles in the image path in CSS as follows:

/../IMG/bg_skin.png

Pay attention to the leading slash. Again, the user-configurable path is canceled, and again it interrupts my path. All I want to do is tell Scout to use my "img" directory. It drives me crazy.

+5
source share
1 answer

, relative_assets = true config.rb. compass create:

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

All Articles