diff options
Diffstat (limited to 'WebContent/VAADIN/themes/base/slider/slider.scss')
-rw-r--r-- | WebContent/VAADIN/themes/base/slider/slider.scss | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/WebContent/VAADIN/themes/base/slider/slider.scss b/WebContent/VAADIN/themes/base/slider/slider.scss index 0c65bf1e73..bfb4c3b950 100644 --- a/WebContent/VAADIN/themes/base/slider/slider.scss +++ b/WebContent/VAADIN/themes/base/slider/slider.scss @@ -1,9 +1,9 @@ -@mixin base-slider { +@mixin base-slider($name : v-slider) { -.v-slider { +.#{$name} { margin: 5px 0; } -.v-slider-base { +.#{$name}-base { /* changing the borders will require adjustments to ISlider.java */ height: 2px; border-top: 1px solid #ddd; @@ -12,7 +12,7 @@ border-right: 1px solid #eee; } -.v-slider-handle { +.#{$name}-handle { background: #aaa; width: 12px; height: 12px; @@ -20,7 +20,7 @@ font-size: 0; } -.v-slider-vertical { +.#{$name}-vertical { width: 2px; height: auto; margin: 0 5px; @@ -28,19 +28,19 @@ border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.v-slider-vertical .v-slider-base { +.#{$name}-vertical .#{$name}-base { width: 2px; border-bottom: 1px solid #eee; border-right: none; } -.v-slider-vertical .v-slider-handle { +.#{$name}-vertical .#{$name}-handle { width: 12px; height: 12px; font-size: 0; margin-left: -5px; } -.v-slider-feedback { +.#{$name}-feedback { padding: 2px 5px; background: #444; color: #fff; @@ -56,12 +56,12 @@ } /* Disabled by default -.v-slider-error .v-slider-base { +.#{$name}-error .#{$name}-base { background: #FFE0E0; } */ /* Disabled by default -.v-slider-required .v-slider-base { +.#{$name}-required .#{$name}-base { background: #FFE0E0; } */ |