Added slider with alarm frame tick marks and scrubbing

1 files changed, 34 insertions, 0 deletions

diff --git a/www/lib/angular-awesome-slider/src/css/scss/horizontal/_ranges.scss b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_ranges.scss
new file mode 100644
index 00000000..26fb01f8
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_ranges.scss
@@ -0,0 +1,34 @@
+div.jslider-bg i, div.jslider-pointer {
+  background: url("../img/jslider.png") no-repeat 0 0;
+}
+
+div.jslider-bg {
+  position: relative;
+  i {
+    @include position(absolute, 0 null null null);
+    height: 5px;
+    &.left {
+      left: 0;
+      width: 50%;
+      background-position: 0 0;
+    }
+    &.right {
+      left: 50%;
+      width: 50%;
+      background-position: right 0;
+    }
+    &.range {
+      @include position(absolute, 0 null null 20%);
+      @include size(60% 5px);
+      background-repeat: repeat-x;
+      background-position: 0 -40px;
+      z-index: 1;
+    }
+    &.default {
+      left: 0;
+      width: 1px;
+      z-index: 1;
+      background-color: $color-pointers-default-value;
+    }
+  }
+}