JSFiddle - React, Tailwind, and code Playground

by Tony Realovich

HTML

<div class="box">
  
</div>

SCSS

body {
  margin: 0;
}
* {
  box-sizing: border-box;
}
.box {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: lighten(#000, 20%);
  
  &:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 80px;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: radial-gradient(circle, #fff 0, #fff 20px, transparent 20px, transparent 40px);
    background-repeat: repeat;
    background-size: 40px;
  }
}