summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/base/slider/slider.scss
diff options
context:
space:
mode:
authorHenri Sara <hesara@vaadin.com>2012-08-08 14:27:31 +0300
committerHenri Sara <hesara@vaadin.com>2012-08-08 14:44:49 +0300
commitcfa455d6cfd4a535fd77cbc76637a57e7024e9ac (patch)
treececb66492671ed20fa9865581da12930ed502047 /WebContent/VAADIN/themes/base/slider/slider.scss
parent620e096b45f27ecc5aa85d164ca8b81df000e593 (diff)
downloadvaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.tar.gz
vaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.zip
Standard themes in SCSS form, updated CompileDefaultTheme (#9223)
Conversion performed for most themes trivial, just rename file and wrap in a mixin. For chameleon compounds, also nesting used. In some cases, related small files combined in a single SCSS file Chameleon accordion and select contain fixes other than just a missing semicolon.
Diffstat (limited to 'WebContent/VAADIN/themes/base/slider/slider.scss')
-rw-r--r--WebContent/VAADIN/themes/base/slider/slider.scss69
1 files changed, 69 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/slider/slider.scss b/WebContent/VAADIN/themes/base/slider/slider.scss
new file mode 100644
index 0000000000..0c65bf1e73
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/slider/slider.scss
@@ -0,0 +1,69 @@
+@mixin base-slider {
+
+.v-slider {
+ margin: 5px 0;
+}
+.v-slider-base {
+ /* changing the borders will require adjustments to ISlider.java */
+ height: 2px;
+ border-top: 1px solid #ddd;
+ background: #eee;
+ border-left: 1px solid #ddd;
+ border-right: 1px solid #eee;
+
+}
+.v-slider-handle {
+ background: #aaa;
+ width: 12px;
+ height: 12px;
+ margin-top: -5px;
+ font-size: 0;
+}
+
+.v-slider-vertical {
+ width: 2px;
+ height: auto;
+ margin: 0 5px;
+ border: none;
+ border-left: 1px solid #cccfd0;
+ border-right: 1px solid #cccfd0;
+}
+.v-slider-vertical .v-slider-base {
+ width: 2px;
+ border-bottom: 1px solid #eee;
+ border-right: none;
+}
+.v-slider-vertical .v-slider-handle {
+ width: 12px;
+ height: 12px;
+ font-size: 0;
+ margin-left: -5px;
+}
+
+.v-slider-feedback {
+ padding: 2px 5px;
+ background: #444;
+ color: #fff;
+ font-size: 11px;
+ line-height: 13px;
+ font-weight: bold;
+ font-family: Arial, Helvetica, sans-serif;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ margin: -2px 0 0 2px;
+ text-shadow: 0 1px 0 #000;
+}
+
+/* Disabled by default
+.v-slider-error .v-slider-base {
+ background: #FFE0E0;
+}
+*/
+/* Disabled by default
+.v-slider-required .v-slider-base {
+ background: #FFE0E0;
+}
+*/
+
+} \ No newline at end of file