JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="foo"></div>

<div class="bar"></div>

SCSS

div {position: relative; margin:50px; height:200px; background-color:beige;
  &:before {
    content: "";
    position: absolute;
    display: block;
    opacity: 0.5;
    background-color: green;
    box-shadow: 0 0 0 5px gray;

  }
}

.foo:before {top:-10px; right:-10px; bottom:-10px; left:-10px;}

.bar:before {top:0; right:0; bottom:0; left:0; margin:-10px;}