diff options
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/slider/slider.scss')
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/slider/slider.scss | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/slider/slider.scss b/WebContent/VAADIN/themes/reindeer/slider/slider.scss index 047237d262..725f717543 100644 --- a/WebContent/VAADIN/themes/reindeer/slider/slider.scss +++ b/WebContent/VAADIN/themes/reindeer/slider/slider.scss @@ -1,42 +1,42 @@ -@mixin reindeer-slider { +@mixin reindeer-slider($name : v-slider) { -.v-slider { +.#{$name} { border-top: 1px solid #9a9c9e; border-bottom: 1px solid #bdbfc1; margin: 4px 0; } -.v-slider-base { +.#{$name}-base { height: 1px; background: #e0e2e2; border-top: 1px solid #adb0b1; border-left: 1px solid #a0a3a6; border-right: 1px solid #a0a3a6; } -.v-slider-handle { +.#{$name}-handle { background: transparent; background-image: url(img/knob.png); /** sprite-ref: verticals */ width: 10px; height: 10px; margin-top: -5px; } -.v-slider-handle-active { +.#{$name}-handle-active { background-image: url(img/knob-pressed.png); /** sprite-ref: verticals */ } -.v-slider-vertical { +.#{$name}-vertical { width: 2px; margin: 0 5px; border: none; border-left: 1px solid #9a9c9e; border-right: 1px solid #bdbfc1; } -.v-slider-vertical .v-slider-base { +.#{$name}-vertical .#{$name}-base { width: 2px; border-left: 1px solid #adb0b1; border-right: none; border-top: 1px solid #adb0b1; border-bottom: 1px solid #adb0b1; } -.v-slider-vertical .v-slider-handle { +.#{$name}-vertical .#{$name}-handle { width: 10px; height: 10px; margin-left: -5px; |