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

   1 /**
   2  *
   3  * Tablecloth background pattern
   4  *
   5  * @link http://lea.verou.me/css3patterns/#tablecloth
   6  *
   7  * @author Lea Verou http://lea.verou.me/ for the original pattern
   8  * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
   9  */
  10
  11 @import "compass/css3/images";
  12
  13 @mixin background-tablecloth($bg-color: white, $stripe-color: rgba(200,0,0,.5), $size: 50px) {
  14     $transparent: rgba(black, 0);
  15     background-color: $bg-color;
  16     @include background-image(
  17         linear-gradient(
  18             0,
  19             $stripe-color 50%,
  20             $transparent 50%
  21         ),
  22         linear-gradient(
  23             $stripe-color 50%,
  24             $transparent 50%
  25         )
  26     );
  27     background-size: $size $size;
  28 }
  29
  30