Tweaked Grid CSS to address BB Torch forms issue.

demos/grids/grid-icon-eng.html

@@ -112,10 +112,10 @@ <h2>Table of contents</h2>
 <h2 id="overview">Overview</h2>
 <p>The Fugue icon set was created by <a href="http://p.yusukekamiyamane.com/">Yusuke Kamiyamane</a>.  Fugue has over 3,400 icons, however only commonly used icons have them have been incorporated into WET.</p>
 <p>An icon is attached to an empty <code>span</code>: </p>
-<pre>&lt;span class=&quot;icon-alarm&quot;&gt;&lt;/span&gt;</pre>
+<pre>&lt;span class=&quot;wb-icon-alarm&quot;&gt;&lt;/span&gt;</pre>
 
 <p>Since the  icons are CSS background images, they cannot have an <code>alt</code> attribute. Therefore, the icon must be accompanied by actual text to ensure that there is no loss of information for the visually impaired user. For example: </p>
-<pre>&lt;p&gt;&lt;span class=&quot;icon-calendar&quot;&gt;&lt;/span&gt;&lt;a href=&quot;#&quot;&gt;View the events calendar&lt;/a&gt;&lt;/p&gt;</pre>
+<pre>&lt;p&gt;&lt;span class=&quot;wb-icon-calendar&quot;&gt;&lt;/span&gt;&lt;a href=&quot;#&quot;&gt;View the events calendar&lt;/a&gt;&lt;/p&gt;</pre>
 <h2 id="icons">Icon options</h2>
 <div class="span-2">
 <h2 class="background-light">Time and place</h2>

src/grids/sass/includes/util-mobile.scss

@@ -50,6 +50,11 @@ form {
 	position:absolute;
 }
 
-input, textarea, select {
-	box-shadow:none !important;
+.ui-mobile {
+	input, textarea, select {
+		&:focus, &:active {
+			box-shadow: none;
+			/*transition: all 0 ease 0;*/
+		}
+	}
 }