JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<div class="container">
	<div class="thing"></div>
</div>

SCSS

.container {
	padding: 1rem;
}

.thing {
	background: #000;
	height: 6px;
	position: relative;
	width: 100px;
	&::before {
		border-color: transparent #000;
		border-style: solid;
		border-width: 6px 6px 0 0;
		content: '';
		left: -6px;
		position: absolute;
		transform: scale(0.5);
		transition: all 300;
		top: 0;
	}
}