JSFiddle - React, Tailwind, and code Playground

by mauricederegt

HTML

<div class="palette greenBlock" data-code="2">
   <div class="greenCore"></div>
</div>

CSS

.greenBlock, .greenCore {
	background-color: #00c200;
	border: 3px solid;
	border-top-color: #00de00;
	border-right-color: #006900;
	border-bottom-color: #006900;
	border-left-color: #00de00;
	z-index: 10;
	width: 42px;
	height: 42px;
}

.greenCore {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	-webkit-transform: translate(25%, 25%);
    transform: translate(25%, 25%); 
}