SCSS paths

_paths.scss

// =========================================================
// Paths - SCSS 3.3
// =========================================================

$paths:(
  url  : '',
  img  : '../img/',
  gfx  : '../gfx/',
  font : '../fonts/',
);
$path-default:url;
$path-enabled:true;


// Function
$path-default:url !default;
@function url($src, $path:$path-default){
  @return unquote(if($path-enabled,('url(' + map-get($paths, $path) + $src +')'),'url('+$src+')'));
}

// Tests
.path_test { content:url('[DEFAULT]');}
.path_test { content:url('[URL]',url);}
.path_test { content:url('[IMAGE]',img);}
.path_test { content:url('[GRAPHIC]',gfx);}
.path_test { content:url('[FONT]',font);}
@import url(styles.css) //  should not be affected
// =========================================================