From 148203067978a13aeadd2127b0ddf00299cb8e98 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 23:15:51 -0700 Subject: fixes #4207: redeclare box-shadow on .formFieldState() mixin so transitions work in WebKit --- less/mixins.less | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) (limited to 'less/mixins.less') diff --git a/less/mixins.less b/less/mixins.less index 96ce23eca..c9b701cb6 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -170,14 +170,31 @@ // Style inputs accordingly .checkbox, .radio, - input, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], select, textarea { color: @textColor; border-color: @borderColor; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work &:focus { border-color: darken(@borderColor, 10%); - .box-shadow(0 0 6px lighten(@borderColor, 20%)); + // Write out in full since the lighten() function isn't easily escaped + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%); } } // Give a small background color for input-prepend/-append -- cgit v1.2.3 From d27dcf3b070015aca81d86de00e1b2ea6e0f30ff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 23:16:49 -0700 Subject: cut down on selectors on .formFieldState() mixin to origin input catchall --- less/mixins.less | 15 +-------------- 1 file changed, 1 insertion(+), 14 deletions(-) (limited to 'less/mixins.less') diff --git a/less/mixins.less b/less/mixins.less index c9b701cb6..1b2f0bcfb 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -170,20 +170,7 @@ // Style inputs accordingly .checkbox, .radio, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], + input, select, textarea { color: @textColor; -- cgit v1.2.3