src/resources/themes/vendor/compass-recipes/stylesheets/recipes/background/_striped.scss

   1 /**
   2  * Striped background pattern
   3  *
   4  * @link http://lea.verou.me/css3patterns/
   5  *
   6  * @author Lea Verou http://lea.verou.me/ for the original pattern
   7  * @author David Kaneda http://www.davidkaneda.com @davidkaneda for the sass mixin
   8  */
   9
  10 @import "compass/css3/images";
  11
  12 @mixin background-striped(
  13     $bgcolor: $base-color,
  14     $stripe-color: darken($bgcolor, 5),
  15     $minorsize: 20px,
  16     $majorsize: 40px,
  17     $angle: 45deg
  18 ) {
  19     background-color: $bgcolor;
  20     @include background-image(
  21         linear-gradient($angle, rgba($stripe-color, 0), rgba($stripe-color, 0) $minorsize, $stripe-color $minorsize, $stripe-color $majorsize)
  22     );
  23     background-size: $majorsize;
  24 }