JSFiddle - React, Tailwind, and code Playground

by Aleksandr Zidyganov

HTML

<form class="auth-sign-in-form auth-form clearfix" action="https://ostrovok.ru/accounts/login/" method="POST"><input value="8KYt6Rbed9v0Ad3NmZRdbovpQ0jjpbmu" name="csrfmiddlewaretoken" type="hidden"><input value="http://ostrovok.ru/" name="next" type="hidden"><input class="auth-sign-in-login auth-input" placeholder="эл. поdчта" type="text" name="username" maxlength="100"><input class="auth-sign-in-password auth-input" placeholder="пароль" type="password" name="password"><button class="auth-sign-in-submit button button-dark-blue" type="submit">Войти</button></form>

CSS

.auth-input::-webkit-input-placeholder{color:#adbcc7;font:700 16px/16px "Open Sans",Verdana,sans-serif}
.auth-input:-moz-placeholder{color:#adbcc7;font:700 16px/16px "Open Sans",Verdana,sans-serif}

.auth-input {border: 1px solid #b5c9dc;
border-radius: 2px;
color: #333;
font: 700 16px/16px "Open Sans",Verdana,sans-serif;
height: 30px;
-webkit-font-smoothing: antialiased;
padding: 10px 10px;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;}