JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<div class="container">
	<div>
		Test 1
	</div>
	<div>
		Test 2
	</div>
	<div>
		Test 3
	</div>
	<div>
		Test 4
	</div>
	<div>
		Test 5
	</div>
	<div>
		Test 6
	</div>
	<div>
		Test 7
	</div>
</div>

SCSS

.container {
	div {
		border: 1px solid red;
		padding: 0;
		transition: padding 1s;
		&:hover {
			padding: 0 0 50px;
		}
	}
}