summaryrefslogtreecommitdiff
path: root/www/lib/angular-awesome-slider/src/css/sass/skins/_skin-round.sass
blob: 48e7cdb26d1269eb828597d918c6c3177bc63299 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
// Round Skin

.jslider_round
	div.jslider-bg i,
	div.jslider-pointer
		background: url("../img/jslider.round.png") no-repeat 0 0

	div.jslider-bg
		i
			background-position: 0 -20px

			&.default
				background-color: $gray2

			&.range
				z-index: 1
				background-position: 0 -40px

	div.jslider-pointer
		top: -6px
		+size(20px 17px)
		background-position: 0 -60px
		z-index: 2

	&.vertical
		div.jslider-bg i,
		div.jslider-pointer
			background: url("../img/jslider.round.vertical.png") no-repeat 0 0

		div.jslider-bg
			i
				background-position: right 0

				&.range
					background-position: -37px 0

				&.before,
				&.after
					background: none

				&.default
					background-color: $color-skin-pointers-default-value

		div.jslider-pointer
			top: -6px
			+size(20px 17px)
			background-position: -4px -3px

			&.jslider-pointer-hover
				background-position: -4px -23px

			&.jslider-value-to
				left: 80%

		div.jslider-value
			left: 0