JSFiddle - React, Tailwind, and code Playground

by Ian Roberts

HTML

<div class="outline"><input type="text"></div>
<div class="outline"><input type="text"></div>
<div class="outline"><input type="text"></div>
<div class="outline"><input type="text"></div>
<div class="outline"><input type="text"></div>
<div class="outline"><input type="text"></div>
<div class="outline"><input type="text"></div>
<div class="outline"><input type="text"></div>

CSS

body {background:#eaeaea;}
.outline {
    height:30px;
    margin:5px;
    background:#fff;
}
*:focus {
    outline-color:#fad400;
    outline-width:3px;
}
*:focus {
	-webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}