JSFiddle - React, Tailwind, and code Playground

by TimPietrusky

SCSS

$brown: rgba(255, 0, 0, .4);
$orange: rgba(0, 0, 255, .4);

html {
     background: -webkit-linear-gradient(42deg, $orange 0%, $brown 0%, $orange 20%, $brown 40%, $orange 40%, $brown 60%, $orange 60%, $brown 80%, $orange 80%, $brown 100%, $orange 100%),
        -webkit-linear-gradient(42deg, $orange 20%, $brown 40%, $orange 40%, $brown 60%, $orange 60%, $brown 80%, $orange 80%);
  background-size: 35px 250px, 35px 250px;
  background-position:0% 0%, 50% 0%;
    
        /**
         background: -webkit-linear-gradient(42deg, $orange 20%, $brown 40%, $orange 40%, $brown 60%, $orange 60%, $brown 80%, $orange 80%),
        -webkit-linear-gradient(42deg, $orange 20%, $brown 40%, $orange 40%, $brown 60%, $orange 60%, $brown 80%, $orange 80%);
  background-size: 125px 450px, 15px 450px;
  background-position:0% 0%, 50% 0%;
    */
}
/*
-webkit-linear-gradient(42deg, brown 0%, orangered 0%, brown 20%, orangered 20%, brown 40%, orangered 40%, brown 60%, orangered 60%, brown 80%, orangered 80%, brown 100%, orangered 100%),
        -webkit-linear-gradient(42deg, brown 0%, orangered 0%, brown 20%, orangered 20%, brown 40%, orangered 40%, brown 60%, orangered 60%, brown 80%, orangered 80%, brown 100%, orangered 100%);
 */