/**
 * Shadow text mixin.
 */

@mixin long-shadow-text ($distance, $blur, $color) {
  $shadows: null;
  $color: darken($color, 10);
  $blur: $blur + px;
  @for$i from 0 through $distance {
    $dist: $i + px;
    $shadows: append($shadows, ($dist $dist $blur $color), comma);
  }
  text-shadow: $shadows;
}


/**
 * Breakpoint mixin and variable for responsive layouts.
 */

$break-small: 1200px;

@mixin break-small {
  @media (max-width: #{$break-small}) {
    @content;
  }
}