Skip to content

I
i20rzslider
Commit 008d1ad7 authored by Valentin Hervieu's avatar Valentin Hervieu
Browse files
Options

Refactorize even more the LESS file

parent 9c659bf4
Hide whitespace changes
Inline Side-by-side
Showing with 27 additions and 31 deletions
src/rzslider.less
View file @ 008d1ad7
...@@ -57,12 +57,12 @@ rzslider { ...@@ -57,12 +57,12 @@ rzslider {
z-index: 1; z-index: 1;
background: @barNormalColor; background: @barNormalColor;
.rounded(@barHeight/2); .rounded(@barHeight/2);
}
&.rz-bar.rz-selection { &.rz-selection {
z-index: 2; z-index: 2;
background: @barFillColor; background: @barFillColor;
.rounded(@barHeight/2); .rounded(@barHeight/2);
}
} }
&.rz-pointer { &.rz-pointer {
...@@ -77,25 +77,23 @@ rzslider { ...@@ -77,25 +77,23 @@ rzslider {
// -moz-transition:all linear 0.15s; // -moz-transition:all linear 0.15s;
// -o-transition:all linear 0.15s; // -o-transition:all linear 0.15s;
// transition:all linear 0.15s; // transition:all linear 0.15s;
}
&.rz-pointer:after { &:after {
content: ''; content: '';
width: @handlePointerSize; width: @handlePointerSize;
height: @handlePointerSize; height: @handlePointerSize;
position: absolute; position: absolute;
top: @handleSize/2 - @handlePointerSize/2; top: @handleSize/2 - @handlePointerSize/2;
left: @handleSize/2 - @handlePointerSize/2; left: @handleSize/2 - @handlePointerSize/2;
.rounded(@handlePointerSize/2); .rounded(@handlePointerSize/2);
background: @handleInnerColor; background: @handleInnerColor;
} }
&:hover:after {
&.rz-pointer:hover:after { background-color: @handleHoverColor;
background-color: @handleHoverColor; }
} &.rz-active:after {
background-color: @handleActiveColor;
&.rz-pointer.rz-active:after { }
background-color: @handleActiveColor;
} }
&.rz-bubble { &.rz-bubble {
...@@ -103,14 +101,12 @@ rzslider { ...@@ -103,14 +101,12 @@ rzslider {
bottom: @handleSize/2; bottom: @handleSize/2;
padding: @bubblePadding; padding: @bubblePadding;
color: @labelTextColor; color: @labelTextColor;
} &.rz-selection {
top: @handleSize/2;
&.rz-bubble.rz-selection { }
top: @handleSize/2; &.rz-limit {
} color: @limitLabelTextColor;
}
&.rz-bubble.rz-limit {
color: @limitLabelTextColor;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment