Updated demos

Author: mlynch

test/css/input-range.html

@@ -18,7 +18,7 @@
       <h1 class="title">Input: Range</h1>
     </header>
 
-    <main class="content has-header padding">
+    <ion-content class="padding">
 
       <div class="range">
         <i class="icon ion-volume-low"></i>
@@ -90,14 +90,14 @@ <h1 class="title">Input: Range</h1>
           <input type="range" name="awesomeness15" min="15" max="240" value="50">
           <label class="range-label">240</label>
         </div>
-        <div class="item range range-dark">
-          <label class="range-label">Blah blah blah</label>
+        <ion-input class="item range range-dark">
+          <ion-label class="range-label">Blah blah blah</ion-label>
           <input type="range" name="awesomeness16" min="15" max="240" value="50">
-          <label class="range-label">asdf asdf asdf asdf </label>
-        </div>
+          <ion-label class="range-label">asdf asdf asdf asdf </ion-label>
+        </ion-input>
       </div>
 
-    </main>
+    </ion-content>
 
   </body>
 </html>

test/html/content.html

@@ -110,6 +110,7 @@ <h1 class="title">Title</h1>
             var headerHeight = header.offsetHeight;
 
             $element.bind('scroll', function(e) {
+
               if(e.detail && e.detail.scrollTop > starty) {
                 // Start shrinking
                 shrinkAmt = headerHeight - Math.max(0, (starty + headerHeight) - e.detail.scrollTop);