search

wet-boew / wet-boew-styleguide

A style guide for the Web Experience Toolkit.
http://wet-boew.github.io/wet-boew-styleguide/index-en.html
36 stars 32 forks source link

Design guide: Forms: .form-controls #235

Open shawnthompson opened 9 years ago

shawnthompson commented 9 years ago

In bootstrap, the .form-control class is set to 100%

but in WET we set it to:

.form-control {
  max-width: 100%;
  width: auto;
}

Curious why we are doing this. I need to add the .full-width for a textarea to but larger.

thomasgohard commented 9 years ago

It's because input fields should be sized based on the expected input. See, https://github.com/twbs/bootstrap/pull/13180.

shawnthompson commented 9 years ago

Well look at you go, what if we add that link to the style guide?

thomasgohard commented 9 years ago

It should be integrated into the usability guidance in the style guide. You're welcome to submit a pull request; I don't have time to do it right now.