JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div></div>

SCSS

div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: red;
  opacity: .5;
  margin-top: 100px;
  
  &::before {
    content: "";
    position: relative;
    z-index: -1;
    display: block;
    height: 100px;
    width: 100%;
    background-color: cyan;
  }
}