$line-color: hsla(205,80%,40%,1);

html {
  font-size: .8em;
  
  background-color: #222;
  background-image:
    // <> 
    linear-gradient(
        25deg,
        transparent 65%,
        $line-color,
        transparent 70%
        ),
    linear-gradient(
        -25deg,
        transparent 65%,
        $line-color,
        transparent 70%
        ),
    linear-gradient(
        -25deg,
        transparent 30%,
        $line-color,
        transparent 35%
        ),
    linear-gradient(
        25deg,
        transparent 30%,
        $line-color,
        transparent 35%
        ),    
    
    // ◊
    linear-gradient(
        65deg,
        transparent 65%,
        $line-color,
        transparent 70%
        ),
    linear-gradient(
        -65deg,
        transparent 65%,
        $line-color,
        transparent 70%
        ),
    linear-gradient(
        -65deg,
        transparent 30%,
        $line-color,
        transparent 35%
        ),
    linear-gradient(
        65deg,
        transparent 30%,
        $line-color,
        transparent 35%
        );
  background-size: 
    5em 2em,
    5em 2em,
    5em 2em,
    5em 2em,
    
    2em 5em,
    2em 5em,
    2em 5em,
    2em 5em;
  }
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.