JSFiddle - React, Tailwind, and code Playground

by cleaver

HTML

<form action="somefile.php">
    <input
        type="text"
        name="username"
        placeholder="Username"
        pattern="[a-zA-Z ]+"
        required
        title="Username should only contain latin characters. e.g. John Smith">
    <button type="submit">Test</button>
</form>

SASS

html
  font-size: 30px
  
body
  line-height: 2rem
div
  background: red
  width: calc(2rem + #{2rem * 3});