Further input type styling

jdan / 98.css

A design system for building faithful recreations of old UIs

https://jdan.github.io/98.css

MIT License

9.2k stars 301 forks source link

Further input type styling #40

Closed xHeinrich closed 4 years ago

xHeinrich commented 4 years ago

Input styling for password and email types, without this the inputs are basically unstyled.

Examples:

<div class="field-row">
    <label for="email" style="width: 80px;">Email:</label>
    <input id="email" type="email" name="email" value="" required autocomplete="email" autofocus>
</div>
<div class="field-row">
    <label for="password" style="width: 80px;">Email:</label>
    <input id="password" type="password" name="password" value="" required>
</div>

With: Without:

jdan commented 4 years ago

Thanks for this :)

Our CI setup is a bit wonky, but could you run npm run build and commit those changes? This way we'll see your changes on the docs site.

xHeinrich commented 4 years ago

Done :) Not sure how my ide managed to reformat the entire css file though.

jdan commented 4 years ago

@xHeinrich Are you on windows? I was mucking with line-endings earlier, but this should be using LFs now :)

Wanna rebase off master? I also added an .editorconfig so your IDE may read it and use LF.

xHeinrich commented 4 years ago

@jdan yep windows. I'll close this one and re-open with a different branch.