diff options
author | Mark Otto <markotto@twitter.com> | 2012-03-12 01:41:52 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-03-12 01:41:52 +0400 |
commit | a97b9c112238d3f146276a97998ed5c2bb1bc1bc (patch) | |
tree | 5bce0bc1714cd3be11f1be0ad9bad6ade702327e /less | |
parent | bf6cdff88a273b912567e37eb6b4809c65efd18e (diff) |
in responsive layouts <767px, ensure inputs are not larger than 100% with box-sizing and a max-width
Diffstat (limited to 'less')
-rw-r--r-- | less/mixins.less | 1 | ||||
-rw-r--r-- | less/responsive.less | 11 |
2 files changed, 12 insertions, 0 deletions
diff --git a/less/mixins.less b/less/mixins.less index 5ff58a5c96..e142f1a633 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -252,6 +252,7 @@ .box-sizing(@boxmodel) { -webkit-box-sizing: @boxmodel; -moz-box-sizing: @boxmodel; + -ms-box-sizing: @boxmodel; box-sizing: @boxmodel; } diff --git a/less/responsive.less b/less/responsive.less index f321891e81..0003cd6d04 100644 --- a/less/responsive.less +++ b/less/responsive.less @@ -188,6 +188,17 @@ width: auto; margin: 0; } + + // FORM FIELDS + // ----------- + // Make them behave like divs + input, + textarea, + select, + .uneditable-input { + .box-sizing(border-box); + max-width: 100%; + } } |