JSFiddle - React, Tailwind, and code Playground

by João Vitor Scheuermann

HTML

<div class="teste"></div>

SCSS

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.teste {
  position: relative;
  margin: 50px 0 0 0;
  width: 100%;
  height: 50px;
  background: blue;
  
  &::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    top: -10px;
    background: red;
  }
}