Easily add images + path

img-path.scss

/// File path short cut for media
/// @param {string} $img-name - Name of media to append to path
/// @return {url} url to display media
/// @warn Warning when $img-name has no extention
/// @example scss
///   .foo {
///      background: image-url('kitten.jpg') no-repeat 0 0;
///   }
/// @example css
///   .foo {
///      background: url('path/to/kitten.jpg') no-repeat 0 0;
///   }
@function img-path($img-name) {
  $img-path: 'path/to';

  @if not str-index($img-name , '.') {
    @warn '`#{$img-name}` needs a file extension like .jpg or .png';
    @return false;
  } @else {
    @return url('#{$img-path}/#{$img-name}');
  }
}