Sage-9-beta-4: use images in scss files

sage
,
1

Hi I have successfully used an image using

background: url("../images/light_blue_pattern.png") repeat;

However, when I change the image to something else like

background: url("../images/main_bg.png") repeat;

I get the following error;
GET http://localhost/wp-content/themes/tonyfry/dist/images/main_bg.png 404 (Not Found)

There should be the site name between localhost and wp-content. I do not get the same error when I use the first image.

I have also noticed that first image (working one) loads as
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAIAAAC3ytZVAAAACXBIW…Dj35L0yDELMap4GwSibzCrS4JK23+GbZNMDT5ltPrBzPX8BXCzPO2Gyh4dAAAAAElFTkSuQmCC) repeat;

in compiled css. And second one use http://localhost/wp-content/themes/tonyfry/dist/images/main_bg.png as the URL.

2

3 posts were merged into an existing topic: Sage 9 beta 4: Browser Sync doesn’t update the styles