JSFiddle - React, Tailwind, and code Playground

by Weston Ruter

HTML

<div></div>

Playing with http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

CSS

div {
    width:20px;
    height:20px;
    background:red;
    border:solid 10px blue;
    position:relative;
    z-index:1;
    opacity:0.5;
}
div:before {
    position:absolute;
    z-index:1;
    top:-10px;
    left:0;
    bottom:0;
    right:0;
    width:10px;
    height:10px;
    background:green;
}