element background magic

element-background.scss

@mixin element-background($color, $direction: top) {
  @if type-of($color) == list {
    background-color: nth($color, 1);
    @include background-image(linear-gradient($direction, $color));
  }
  else {
    @if ($color != 'none') {
      $percent: alpha($color) * 100%;
      $opaque: opacify($color, 1);
      $solid-color: mix($opaque, white, $percent);
      background: $solid-color;
    }
    background: $color;
  }
}