1 files changed, 60 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/chameleon/components/slider/slider.scss b/WebContent/VAADIN/themes/chameleon/components/slider/slider.scss
new file mode 100644
index 0000000000..bef69b3472
--- /dev/null
+++ b/WebContent/VAADIN/themes/chameleon/components/slider/slider.scss
@@ -0,0 +1,60 @@
+@mixin chameleon-slider {
+
+.v-slider {
+	border-top: 1px solid #9a9c9e;
+	border-bottom: 1px solid #bdbfc1;
+	margin: 3px 0;
+	border-radius: 3px;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	}
+
+.v-slider-base {
+	height: 4px;
+	background: #e0e2e2 url(../../img/grad-dark-top2.png) repeat-x;
+	border-top: 1px solid #adb0b1;
+	border-left: 1px solid #a0a3a6;
+	border-right: 1px solid #a0a3a6;
+	border-radius: 2px;
+	-webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
+	}
+
+.v-slider-handle {
+	background: #c9c9c9 url(../../img/grad-dark-bottom2.png) repeat-x left bottom;
+	border: 1px solid #b3b3b3;
+	width: 10px;
+	height: 10px;
+	margin-top: -5px;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
+	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
+	cursor: pointer;
+	}
+
+.v-slider-handle-active {
+	background-color: #afafaf;
+	}
+
+.v-slider-vertical {
+	width: auto;
+	margin: 0 4px;
+	border-width: 0 1px;
+	}
+
+.v-slider-vertical .v-slider-base {
+	background-image: none;
+	width: 4px;
+	border-width: 1px 1px 0;
+	}
+
+.v-slider-vertical .v-slider-handle {
+	width: 10px;
+	height: 10px;
+	margin: 0;
+	margin-left: -5px;
+	}
+
+}
+\ No newline at end of file