Skip to content

I
i20rzslider
Commit 77b80ba8 authored by Roope Hovi's avatar Roope Hovi
Browse files
Options

Restructure less file

parent 5e669dda
Hide whitespace changes
Inline Side-by-side
Showing with 59 additions and 59 deletions
dist/rzslider.min.css
View file @ 77b80ba8
/*! jusas-angularjs-slider - v0.1.6 - (c) Rafal Zajac <rzajac@gmail.com>, Jussi Saarivirta <jusasi@gmail.com>, https://github.com/rzajac/angularjs-slider.git - 2014-07-08 */ /*! jusas-angularjs-slider - v0.1.6 - (c) Rafal Zajac <rzajac@gmail.com>, Jussi Saarivirta <jusasi@gmail.com>, https://github.com/rzajac/angularjs-slider.git - 2014-09-12 */
rzslider{position:relative;display:inline-block;width:100%;height:2px;margin:30px 0 15px 0;vertical-align:middle}rzslider span{position:absolute;display:inline-block;white-space:nowrap}rzslider span.base{width:100%;height:100%;padding:0}rzslider span.bar{z-index:0;width:100%;height:100%;background:#fff}rzslider span.bar.selection{z-index:1;width:0;background:#67b700}rzslider span.pointer{top:-15px;z-index:2;width:32px;height:32px;cursor:pointer;background-color:#fff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}rzslider span.pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#71818e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}rzslider span.pointer:hover:after{background-color:#67b700}rzslider span.pointer.active:after{background-color:#67b700}rzslider span.bubble{top:-32px;padding:1px 3px 1px 3px;color:#67b700;cursor:default}rzslider span.bubble.selection{top:15px}rzslider span.bubble.limit{color:#67b700} rzslider{position:relative;display:inline-block;width:100%;height:2px;margin:30px 0 15px 0;vertical-align:middle}rzslider span{position:absolute;display:inline-block;white-space:nowrap}rzslider span.base{width:100%;height:100%;padding:0}rzslider span.bar{z-index:0;width:100%;height:100%;background:#fff}rzslider span.bar.selection{z-index:1;width:0;background:#67b700}rzslider span.pointer{top:-15px;z-index:2;width:32px;height:32px;cursor:pointer;background-color:#fff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}rzslider span.pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#71818e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}rzslider span.pointer:hover:after{background-color:#67b700}rzslider span.pointer.active:after{background-color:#67b700}rzslider span.bubble{top:-32px;padding:1px 3px 1px 3px;color:#67b700;cursor:default}rzslider span.bubble.selection{top:15px}rzslider span.bubble.limit{color:#67b700}
\ No newline at end of file
rzslider.less
View file @ 77b80ba8
...@@ -27,73 +27,73 @@ rzslider { ...@@ -27,73 +27,73 @@ rzslider {
width: 100%; width: 100%;
margin: 30px 0 15px 0; margin: 30px 0 15px 0;
vertical-align: middle; vertical-align: middle;
}
rzslider span { span {
white-space: nowrap; white-space: nowrap;
position: absolute; position: absolute;
display: inline-block; display: inline-block;
}
rzslider span.base { &.base {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 0; padding: 0;
} }
rzslider span.bar { &.bar {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 0; z-index: 0;
background: #fff; background: #fff;
}
rzslider span.bar.selection { &.selection {
width: 0%; width: 0%;
z-index: 1; z-index: 1;
background: #67b700; background: #67b700;
} }
}
rzslider span.pointer { &.pointer {
cursor: pointer; cursor: pointer;
width: 32px; width: 32px;
height: 32px; height: 32px;
top: -15px; top: -15px;
background-color: @handleBgColor; background-color: @handleBgColor;
z-index: 2; z-index: 2;
.rounded(16px); .rounded(16px);
}
rzslider span.pointer:after { &:after {
content: ''; content: '';
width: 8px; width: 8px;
height: 8px; height: 8px;
position: absolute; position: absolute;
top: 12px; top: 12px;
left: 12px; left: 12px;
.rounded(4px); .rounded(4px);
background: @handleInnerColor; background: @handleInnerColor;
} }
rzslider span.pointer:hover:after { &:hover:after {
background-color: @handleHoverColor; background-color: @handleHoverColor;
} }
rzslider span.pointer.active:after { &.active:after {
background-color: @handleActiveColor; background-color: @handleActiveColor;
} }
}
rzslider span.bubble { &.bubble {
cursor: default; cursor: default;
top: -32px; top: -32px;
padding: 1px 3px 1px 3px; padding: 1px 3px 1px 3px;
color: @labelTextColor; color: @labelTextColor;
}
rzslider span.bubble.selection { &.selection {
top: 15px; top: 15px;
} }
rzslider span.bubble.limit { &.limit {
color: @limitLabelTextColor; 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