Sass/Compass mixin for diagonal stripe pattern backgrounds

gistfile1.scss

@mixin diagonal-stripe-pattern-background($color-1, $color-2, $ratio, $size) {
  $ratio: percentage($ratio / 2);
  @include background(linear-gradient(-45deg,
                                      $color-1 (50% - $ratio),
                                      $color-2 (50% - $ratio),
                                      $color-2 50%, $color-1 50%,
                                      $color-1 (100% - $ratio),
                                      $color-2 (100% - $ratio)));
  @include background-size($size $size);
}