JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<div class="summary-placeholder"></div>

CSS

.summary-placeholder {
	border: 1px solid red;
	height: 5rem;
	opacity: 0.2;

	background-image:
		radial-gradient(#000 66%, transparent 70%),
		linear-gradient(
			#000 0.75rem,
			transparent 0.75rem,
			transparent 1.25rem,
			#000 1.25rem
		);

	background-position:
		0% 0%,
		2.5rem 0%;

	background-size:
		2rem 2rem,
		100% 2rem;

	background-repeat:
		no-repeat space;
}