<!-- nothing -->
$bgcolor: plum;
$color: lighten($bgcolor, 10%);
$transparent: rgba(255, 255, 255, 0);

HTML {
  height: 100%;
  }
BODY {
  background: linear-gradient(45deg,
      $color 25%,
      $transparent 25%
      ) 0 0,
    linear-gradient(45deg,
      $transparent 75%,
      $color 75%
      ) 0 0,
    linear-gradient(45deg,
      $transparent 75%,
      $color 75%
      ) -3em 3em,
    linear-gradient(45deg,
      $color 25%,
      $transparent 25%
      ) 3em -3em;
  background-size: 6em 6em;
  background-color: $bgcolor;
  font: 10px/2 'Trebuchet MS', Verdana, sans-serif;
  }
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.