Sass Snippets

multiple-text-shadows.scss

// Use as -> text-shadow: blockytextshadows(1 5, #fff #eee);

@function blockytextshadows($widths, $colors) {
  $count: length($colors);
  $total: 0;
  $output: '';
  $currentwidth: 1;

  @each $width in $widths {
    $total: $total + $width;
  }

  @for $j from 1 through $count {
    $width: nth($widths, $j);
    @for $i from  $currentwidth to ($currentwidth + $width) {
      $color: nth($colors, $j);
      $output: $output + '#{$color} #{$i}px #{$i}px 1px';
      @if( $i < $total) {
        $output: $output + ', ';
      }
    }

    $currentwidth: $currentwidth + $width;
  }

  @return unquote($output);

}