<!-- nothing -->
$bgcolor: #000;
$transparent: rgba(255, 255, 255, 0);

$color-1: white;

$size: 2em;
$big-size: $size*2;
$min: 0;
$max: $size*.3;

HTML {
  height: 100%;
  }
BODY {
  background: 
    radial-gradient(circle,
      $color-1 $max, 
      $transparent $max*1.3
      ) 0 0,
    radial-gradient(circle,
      $color-1 $max, 
      $transparent $max*1.3
      ) $size $size
    ;
  background-size:  $big-size $big-size;
  background-color: $bgcolor;
  background-repeat: repeat;
  font: 16px/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.