JSFiddle - React, Tailwind, and code Playground

by khamer

SCSS

$right: #131313;
$left: #141414;
$top: #161616;

html {
    background-color: $right;
    background-image: linear-gradient(30deg, $top 12%, transparent 12.5%, transparent 87%, $top 87.5%, $top),
        linear-gradient(150deg, $top 12%, transparent 12.5%, transparent 87%, $top 87.5%, $top),
        linear-gradient(30deg, $top 12%, transparent 12.5%, transparent 87%, $top 87.5%, $top),
        linear-gradient(150deg, $top 12%, transparent 12.5%, transparent 87%, $top 87.5%, $top),
        linear-gradient(60deg, $left 25%, transparent 25.5%, transparent 75%, $left 75%, $left), 
        linear-gradient(60deg, $left 25%, transparent 25.5%, transparent 75%, $left 75%, $left);
    background-size:80px 140px;
    //background-repeat: no-repeat;
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
}