Update demo from master

demo.css

@@ -11,3 +11,10 @@ article { margin-bottom: 10px; }
 .field-title {
   width: 100px;
 }
+
+.vertical-sliders {
+  margin: 0;
+}
+.vertical-sliders > div {
+  height: 250px;
+}

demo.js

@@ -118,6 +118,66 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal) {
     }
   };
 
+  //Vertical sliders
+  $scope.verticalSlider1 = {
+    value: 0,
+    options: {
+      floor: 0,
+      ceil: 10,
+      vertical: true
+    }
+  };
+  $scope.verticalSlider2 = {
+    minValue: 20,
+    maxValue: 80,
+    options: {
+      floor: 0,
+      ceil: 100,
+      vertical: true
+    }
+  };
+  $scope.verticalSlider3 = {
+    value: 5,
+    options: {
+      floor: 0,
+      ceil: 10,
+      vertical: true,
+      showTicks: true
+    }
+  };
+  $scope.verticalSlider4 = {
+    minValue: 1,
+    maxValue: 5,
+    options: {
+      floor: 0,
+      ceil: 6,
+      vertical: true,
+      showTicksValues: true
+    }
+  };
+  $scope.verticalSlider5 = {
+    value: 50,
+    options: {
+      floor: 0,
+      ceil: 100,
+      vertical: true,
+      showSelectionBar: true
+    }
+  };
+  $scope.verticalSlider6 = {
+    value: 6,
+    options: {
+      floor: 0,
+      ceil: 6,
+      vertical: true,
+      showSelectionBar: true,
+      showTicksValues: true,
+      ticksValuesTooltip: function(v) {
+        return 'Tooltip for ' + v;
+      }
+    }
+  };
+
   //Read-only slider
   $scope.read_only_slider = {
     value: 50,