Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 63bb17d

Browse files
committed
Seperated to variables.less
Seperated less configurations and variables.
1 parent 8e5448a commit 63bb17d

File tree

3 files changed

+48
-29
lines changed

3 files changed

+48
-29
lines changed

src/app.less

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/**
2+
* Angular JS slider directive
3+
*
4+
* (c) Rafal Zajac <[email protected]>
5+
* http://github.com/rzajac/angularjs-slider
6+
*
7+
* Licensed under the MIT license
8+
*/
9+
10+
@import 'variables.less';
11+
@import 'rzslider.less';

src/rzslider.less

Lines changed: 0 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -7,35 +7,6 @@
77
* Licensed under the MIT license
88
*/
99

10-
.rounded(@radius: 2px) {
11-
-webkit-border-radius: @radius;
12-
-moz-border-radius: @radius;
13-
border-radius: @radius;
14-
}
15-
16-
/* Slider colors */
17-
@handleActiveColor: #451aff;
18-
@handleHoverColor: #fff;
19-
@labelTextColor: #55637d;
20-
@handleBgColor: #0db9f0;
21-
@handleInnerColor: #fff;
22-
@handleDisabledColor: #d8e0f3;
23-
@limitLabelTextColor: @labelTextColor;
24-
@barFillColor: @handleBgColor;
25-
@barNormalColor: #d8e0f3;
26-
27-
@ticksColor: @barNormalColor;
28-
@selectedTicksColor: @barFillColor;
29-
@ticksWidth: 10px;
30-
@ticksHeight: 10px;
31-
@ticksValuePosition: -30px;
32-
33-
/* Slider size parameters */
34-
@handleSize: 32px;
35-
@handlePointerSize: 8px;
36-
@bubblePadding: 1px 3px;
37-
@barHeight: 4px;
38-
3910
rzslider {
4011

4112
display: inline-block;

src/variables.less

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
/**
2+
* Angular JS slider directive
3+
*
4+
* (c) Rafal Zajac <[email protected]>
5+
* http://github.com/rzajac/angularjs-slider
6+
*
7+
* Licensed under the MIT license
8+
*/
9+
10+
.rounded(@radius: 2px) {
11+
-webkit-border-radius: @radius;
12+
-moz-border-radius: @radius;
13+
border-radius: @radius;
14+
}
15+
16+
/* Slider colors */
17+
@handleActiveColor: #451aff;
18+
@handleHoverColor: #fff;
19+
@labelTextColor: #55637d;
20+
@handleBgColor: #0db9f0;
21+
@handleInnerColor: #fff;
22+
@handleDisabledColor: #d8e0f3;
23+
@limitLabelTextColor: @labelTextColor;
24+
@barFillColor: @handleBgColor;
25+
@barNormalColor: #d8e0f3;
26+
27+
@ticksColor: @barNormalColor;
28+
@selectedTicksColor: @barFillColor;
29+
@ticksWidth: 10px;
30+
@ticksHeight: 10px;
31+
@ticksValuePosition: -30px;
32+
33+
/* Slider size parameters */
34+
@handleSize: 32px;
35+
@handlePointerSize: 8px;
36+
@bubblePadding: 1px 3px;
37+
@barHeight: 4px;

0 commit comments

Comments
 (0)