From a97b9c112238d3f146276a97998ed5c2bb1bc1bc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 11 Mar 2012 14:41:52 -0700 Subject: in responsive layouts <767px, ensure inputs are not larger than 100% with box-sizing and a max-width --- less/mixins.less | 1 + less/responsive.less | 11 +++++++++++ 2 files changed, 12 insertions(+) (limited to 'less') diff --git a/less/mixins.less b/less/mixins.less index 5ff58a5c9..e142f1a63 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 f321891e8..0003cd6d0 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%; + } } -- cgit v1.2.3