materialize-sass 0.97.8 → 1.0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (150) hide show
  1. checksums.yaml +5 -5
  2. data/.gitattributes +1 -0
  3. data/.gitignore +1 -0
  4. data/README.md +34 -32
  5. data/Rakefile +38 -21
  6. data/assets/javascripts/materialize/anime.min.js +417 -0
  7. data/assets/javascripts/materialize/autocomplete.js +504 -0
  8. data/assets/javascripts/materialize/buttons.js +409 -0
  9. data/assets/javascripts/materialize/cards.js +34 -0
  10. data/assets/javascripts/materialize/carousel.js +797 -0
  11. data/assets/javascripts/materialize/cash.js +990 -0
  12. data/assets/javascripts/materialize/characterCounter.js +180 -0
  13. data/assets/javascripts/materialize/chips.js +564 -0
  14. data/assets/javascripts/materialize/collapsible.js +337 -0
  15. data/assets/javascripts/materialize/component.js +57 -0
  16. data/assets/javascripts/materialize/datepicker.js +935 -0
  17. data/assets/javascripts/materialize/dropdown.js +659 -0
  18. data/assets/javascripts/materialize/extras/nouislider.js +2147 -0
  19. data/assets/javascripts/materialize/extras/nouislider.min.js +1 -0
  20. data/assets/javascripts/materialize/forms.js +244 -0
  21. data/assets/javascripts/materialize/global.js +408 -0
  22. data/assets/javascripts/materialize/materialbox.js +513 -0
  23. data/assets/javascripts/materialize/modal.js +449 -0
  24. data/assets/javascripts/materialize/parallax.js +173 -0
  25. data/assets/javascripts/materialize/pushpin.js +179 -0
  26. data/assets/javascripts/materialize/range.js +310 -0
  27. data/assets/javascripts/materialize/scrollspy.js +328 -0
  28. data/assets/javascripts/materialize/select.js +497 -0
  29. data/assets/javascripts/materialize/sidenav.js +655 -0
  30. data/assets/javascripts/materialize/slider.js +424 -0
  31. data/assets/javascripts/materialize/tabs.js +476 -0
  32. data/assets/javascripts/materialize/tapTarget.js +364 -0
  33. data/assets/javascripts/materialize/timepicker.js +647 -0
  34. data/assets/javascripts/materialize/toasts.js +355 -0
  35. data/assets/javascripts/materialize/tooltip.js +351 -0
  36. data/{app/assets → assets}/javascripts/materialize/waves.js +42 -47
  37. data/{app/assets → assets}/javascripts/materialize-sprockets.js +12 -13
  38. data/assets/javascripts/materialize.js +12374 -0
  39. data/assets/stylesheets/materialize/components/_badges.scss +55 -0
  40. data/{app/assets → assets}/stylesheets/materialize/components/_buttons.scss +99 -58
  41. data/{app/assets → assets}/stylesheets/materialize/components/_cards.scss +14 -6
  42. data/{app/assets → assets}/stylesheets/materialize/components/_carousel.scss +12 -7
  43. data/{app/assets → assets}/stylesheets/materialize/components/_chips.scss +13 -6
  44. data/{app/assets → assets}/stylesheets/materialize/components/_collapsible.scss +16 -15
  45. data/assets/stylesheets/materialize/components/_color-classes.scss +32 -0
  46. data/{app/assets/stylesheets/materialize/components/_color.scss → assets/stylesheets/materialize/components/_color-variables.scss} +2 -44
  47. data/assets/stylesheets/materialize/components/_datepicker.scss +191 -0
  48. data/{app/assets → assets}/stylesheets/materialize/components/_dropdown.scss +35 -15
  49. data/{app/assets → assets}/stylesheets/materialize/components/_global.scss +96 -125
  50. data/{app/assets → assets}/stylesheets/materialize/components/_grid.scss +45 -36
  51. data/{app/assets → assets}/stylesheets/materialize/components/_icons-material-design.scss +0 -0
  52. data/{app/assets → assets}/stylesheets/materialize/components/_materialbox.scss +13 -12
  53. data/{app/assets → assets}/stylesheets/materialize/components/_modal.scss +7 -3
  54. data/{app/assets → assets}/stylesheets/materialize/components/_navbar.scss +29 -11
  55. data/assets/stylesheets/materialize/components/_normalize.scss +447 -0
  56. data/{app/assets → assets}/stylesheets/materialize/components/_preloader.scss +2 -2
  57. data/assets/stylesheets/materialize/components/_pulse.scss +34 -0
  58. data/{app/assets/stylesheets/materialize/components/_sideNav.scss → assets/stylesheets/materialize/components/_sidenav.scss} +47 -47
  59. data/{app/assets → assets}/stylesheets/materialize/components/_slider.scss +0 -0
  60. data/{app/assets → assets}/stylesheets/materialize/components/_table_of_contents.scss +5 -5
  61. data/{app/assets → assets}/stylesheets/materialize/components/_tabs.scss +10 -10
  62. data/assets/stylesheets/materialize/components/_tapTarget.scss +103 -0
  63. data/assets/stylesheets/materialize/components/_timepicker.scss +183 -0
  64. data/{app/assets → assets}/stylesheets/materialize/components/_toast.scss +7 -14
  65. data/{app/assets → assets}/stylesheets/materialize/components/_tooltip.scss +3 -3
  66. data/assets/stylesheets/materialize/components/_transitions.scss +13 -0
  67. data/{app/assets → assets}/stylesheets/materialize/components/_typography.scss +8 -9
  68. data/{app/assets → assets}/stylesheets/materialize/components/_variables.scss +65 -29
  69. data/assets/stylesheets/materialize/components/_waves.scss +114 -0
  70. data/{app/assets → assets}/stylesheets/materialize/components/forms/_checkboxes.scss +26 -46
  71. data/{app/assets → assets}/stylesheets/materialize/components/forms/_file-input.scss +6 -0
  72. data/{app/assets → assets}/stylesheets/materialize/components/forms/_forms.scss +0 -0
  73. data/{app/assets → assets}/stylesheets/materialize/components/forms/_input-fields.scss +131 -63
  74. data/assets/stylesheets/materialize/components/forms/_radio-buttons.scss +115 -0
  75. data/{app/assets → assets}/stylesheets/materialize/components/forms/_range.scss +35 -33
  76. data/{app/assets → assets}/stylesheets/materialize/components/forms/_select.scss +88 -19
  77. data/{app/assets → assets}/stylesheets/materialize/components/forms/_switches.scss +32 -21
  78. data/assets/stylesheets/materialize/extras/nouislider.css +406 -0
  79. data/{app/assets → assets}/stylesheets/materialize.scss +10 -9
  80. data/lib/materialize-sass/engine.rb +9 -7
  81. data/lib/materialize-sass/helpers.rb +38 -0
  82. data/lib/materialize-sass/version.rb +1 -1
  83. data/lib/materialize-sass.rb +13 -28
  84. data/materialize-sass.gemspec +5 -5
  85. metadata +97 -119
  86. data/app/assets/fonts/roboto/Roboto-Bold.eot +0 -0
  87. data/app/assets/fonts/roboto/Roboto-Bold.ttf +0 -0
  88. data/app/assets/fonts/roboto/Roboto-Bold.woff +0 -0
  89. data/app/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
  90. data/app/assets/fonts/roboto/Roboto-Light.eot +0 -0
  91. data/app/assets/fonts/roboto/Roboto-Light.ttf +0 -0
  92. data/app/assets/fonts/roboto/Roboto-Light.woff +0 -0
  93. data/app/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
  94. data/app/assets/fonts/roboto/Roboto-Medium.eot +0 -0
  95. data/app/assets/fonts/roboto/Roboto-Medium.ttf +0 -0
  96. data/app/assets/fonts/roboto/Roboto-Medium.woff +0 -0
  97. data/app/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
  98. data/app/assets/fonts/roboto/Roboto-Regular.eot +0 -0
  99. data/app/assets/fonts/roboto/Roboto-Regular.ttf +0 -0
  100. data/app/assets/fonts/roboto/Roboto-Regular.woff +0 -0
  101. data/app/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
  102. data/app/assets/fonts/roboto/Roboto-Thin.eot +0 -0
  103. data/app/assets/fonts/roboto/Roboto-Thin.ttf +0 -0
  104. data/app/assets/fonts/roboto/Roboto-Thin.woff +0 -0
  105. data/app/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
  106. data/app/assets/javascripts/materialize/animation.js +0 -9
  107. data/app/assets/javascripts/materialize/buttons.js +0 -267
  108. data/app/assets/javascripts/materialize/cards.js +0 -26
  109. data/app/assets/javascripts/materialize/carousel.js +0 -454
  110. data/app/assets/javascripts/materialize/character_counter.js +0 -72
  111. data/app/assets/javascripts/materialize/chips.js +0 -289
  112. data/app/assets/javascripts/materialize/collapsible.js +0 -160
  113. data/app/assets/javascripts/materialize/date_picker/picker.date.js +0 -1430
  114. data/app/assets/javascripts/materialize/date_picker/picker.js +0 -1123
  115. data/app/assets/javascripts/materialize/dropdown.js +0 -265
  116. data/app/assets/javascripts/materialize/extras/nouislider.js +0 -1666
  117. data/app/assets/javascripts/materialize/extras/nouislider.min.js +0 -1
  118. data/app/assets/javascripts/materialize/forms.js +0 -682
  119. data/app/assets/javascripts/materialize/global.js +0 -98
  120. data/app/assets/javascripts/materialize/hammer.min.js +0 -1
  121. data/app/assets/javascripts/materialize/init.js +0 -174
  122. data/app/assets/javascripts/materialize/initial.js +0 -11
  123. data/app/assets/javascripts/materialize/jquery.easing.1.3.js +0 -205
  124. data/app/assets/javascripts/materialize/jquery.hammer.js +0 -33
  125. data/app/assets/javascripts/materialize/jquery.timeago.min.js +0 -1
  126. data/app/assets/javascripts/materialize/materialbox.js +0 -269
  127. data/app/assets/javascripts/materialize/modal.js +0 -184
  128. data/app/assets/javascripts/materialize/parallax.js +0 -58
  129. data/app/assets/javascripts/materialize/prism.js +0 -8
  130. data/app/assets/javascripts/materialize/pushpin.js +0 -71
  131. data/app/assets/javascripts/materialize/scrollFire.js +0 -48
  132. data/app/assets/javascripts/materialize/scrollspy.js +0 -284
  133. data/app/assets/javascripts/materialize/sideNav.js +0 -370
  134. data/app/assets/javascripts/materialize/slider.js +0 -321
  135. data/app/assets/javascripts/materialize/tabs.js +0 -164
  136. data/app/assets/javascripts/materialize/toasts.js +0 -137
  137. data/app/assets/javascripts/materialize/tooltip.js +0 -236
  138. data/app/assets/javascripts/materialize/transitions.js +0 -169
  139. data/app/assets/javascripts/materialize/velocity.min.js +0 -5
  140. data/app/assets/javascripts/materialize.js +0 -5
  141. data/app/assets/stylesheets/materialize/components/_mixins.scss +0 -5
  142. data/app/assets/stylesheets/materialize/components/_normalize.scss +0 -424
  143. data/app/assets/stylesheets/materialize/components/_prefixer.scss +0 -384
  144. data/app/assets/stylesheets/materialize/components/_roboto.scss +0 -49
  145. data/app/assets/stylesheets/materialize/components/_waves.scss +0 -177
  146. data/app/assets/stylesheets/materialize/components/date_picker/_default.date.scss +0 -435
  147. data/app/assets/stylesheets/materialize/components/date_picker/_default.scss +0 -201
  148. data/app/assets/stylesheets/materialize/components/date_picker/_default.time.scss +0 -125
  149. data/app/assets/stylesheets/materialize/components/forms/_radio-buttons.scss +0 -117
  150. data/app/assets/stylesheets/materialize/extras/nouislider.css +0 -259
@@ -1,125 +0,0 @@
1
- /* ==========================================================================
2
- $BASE-TIME-PICKER
3
- ========================================================================== */
4
- /**
5
- * The list of times.
6
- */
7
- .picker__list {
8
- list-style: none;
9
- padding: 0.75em 0 4.2em;
10
- margin: 0;
11
- }
12
- /**
13
- * The times on the clock.
14
- */
15
- .picker__list-item {
16
- border-bottom: 1px solid #dddddd;
17
- border-top: 1px solid #dddddd;
18
- margin-bottom: -1px;
19
- position: relative;
20
- background: #ffffff;
21
- padding: .75em 1.25em;
22
- }
23
- @media (min-height: 46.75em) {
24
- .picker__list-item {
25
- padding: .5em 1em;
26
- }
27
- }
28
- /* Hovered time */
29
- .picker__list-item:hover {
30
- cursor: pointer;
31
- color: #000000;
32
- background: #b1dcfb;
33
- border-color: #0089ec;
34
- z-index: 10;
35
- }
36
- /* Highlighted and hovered/focused time */
37
- .picker__list-item--highlighted {
38
- border-color: #0089ec;
39
- z-index: 10;
40
- }
41
- .picker__list-item--highlighted:hover,
42
- .picker--focused .picker__list-item--highlighted {
43
- cursor: pointer;
44
- color: #000000;
45
- background: #b1dcfb;
46
- }
47
- /* Selected and hovered/focused time */
48
- .picker__list-item--selected,
49
- .picker__list-item--selected:hover,
50
- .picker--focused .picker__list-item--selected {
51
- background: #0089ec;
52
- color: #ffffff;
53
- z-index: 10;
54
- }
55
- /* Disabled time */
56
- .picker__list-item--disabled,
57
- .picker__list-item--disabled:hover,
58
- .picker--focused .picker__list-item--disabled {
59
- background: #f5f5f5;
60
- border-color: #f5f5f5;
61
- color: #dddddd;
62
- cursor: default;
63
- border-color: #dddddd;
64
- z-index: auto;
65
- }
66
- /**
67
- * The clear button
68
- */
69
- .picker--time .picker__button--clear {
70
- display: block;
71
- width: 80%;
72
- margin: 1em auto 0;
73
- padding: 1em 1.25em;
74
- background: none;
75
- border: 0;
76
- font-weight: 500;
77
- font-size: .67em;
78
- text-align: center;
79
- text-transform: uppercase;
80
- color: #666;
81
- }
82
- .picker--time .picker__button--clear:hover,
83
- .picker--time .picker__button--clear:focus {
84
- color: #000000;
85
- background: #b1dcfb;
86
- background: #ee2200;
87
- border-color: #ee2200;
88
- cursor: pointer;
89
- color: #ffffff;
90
- outline: none;
91
- }
92
- .picker--time .picker__button--clear:before {
93
- top: -0.25em;
94
- color: #666;
95
- font-size: 1.25em;
96
- font-weight: bold;
97
- }
98
- .picker--time .picker__button--clear:hover:before,
99
- .picker--time .picker__button--clear:focus:before {
100
- color: #ffffff;
101
- }
102
-
103
- /* ==========================================================================
104
- $DEFAULT-TIME-PICKER
105
- ========================================================================== */
106
- /**
107
- * The frame the bounds the time picker.
108
- */
109
- .picker--time .picker__frame {
110
- min-width: 256px;
111
- max-width: 320px;
112
- }
113
- /**
114
- * The picker box.
115
- */
116
- .picker--time .picker__box {
117
- font-size: 1em;
118
- background: #f2f2f2;
119
- padding: 0;
120
- }
121
- @media (min-height: 40.125em) {
122
- .picker--time .picker__box {
123
- margin-bottom: 5em;
124
- }
125
- }
@@ -1,117 +0,0 @@
1
- /* Radio Buttons
2
- ========================================================================== */
3
-
4
- // Remove default Radio Buttons
5
- [type="radio"]:not(:checked),
6
- [type="radio"]:checked {
7
- position: absolute;
8
- left: -9999px;
9
- opacity: 0;
10
- }
11
-
12
- [type="radio"]:not(:checked) + label,
13
- [type="radio"]:checked + label {
14
- position: relative;
15
- padding-left: 35px;
16
- cursor: pointer;
17
- display: inline-block;
18
- height: 25px;
19
- line-height: 25px;
20
- font-size: 1rem;
21
- transition: .28s ease;
22
-
23
- -khtml-user-select: none; /* webkit (konqueror) browsers */
24
- user-select: none;
25
- }
26
-
27
- [type="radio"] + label:before,
28
- [type="radio"] + label:after {
29
- content: '';
30
- position: absolute;
31
- left: 0;
32
- top: 0;
33
- margin: 4px;
34
- width: 16px;
35
- height: 16px;
36
- z-index: 0;
37
- transition: .28s ease;
38
- }
39
-
40
- /* Unchecked styles */
41
- [type="radio"]:not(:checked) + label:before,
42
- [type="radio"]:not(:checked) + label:after,
43
- [type="radio"]:checked + label:before,
44
- [type="radio"]:checked + label:after,
45
- [type="radio"].with-gap:checked + label:before,
46
- [type="radio"].with-gap:checked + label:after {
47
- border-radius: 50%;
48
- }
49
-
50
- [type="radio"]:not(:checked) + label:before,
51
- [type="radio"]:not(:checked) + label:after {
52
- border: 2px solid $radio-empty-color;
53
- }
54
-
55
- [type="radio"]:not(:checked) + label:after {
56
- transform: scale(0);
57
- }
58
-
59
- /* Checked styles */
60
- [type="radio"]:checked + label:before {
61
- border: 2px solid transparent;
62
- }
63
-
64
- [type="radio"]:checked + label:after,
65
- [type="radio"].with-gap:checked + label:before,
66
- [type="radio"].with-gap:checked + label:after {
67
- border: $radio-border;
68
- }
69
-
70
- [type="radio"]:checked + label:after,
71
- [type="radio"].with-gap:checked + label:after {
72
- background-color: $radio-fill-color;
73
- }
74
-
75
- [type="radio"]:checked + label:after {
76
- transform: scale(1.02);
77
- }
78
-
79
- /* Radio With gap */
80
- [type="radio"].with-gap:checked + label:after {
81
- transform: scale(.5);
82
- }
83
-
84
- /* Focused styles */
85
- [type="radio"].tabbed:focus + label:before {
86
- box-shadow: 0 0 0 10px rgba(0,0,0,.1);
87
- }
88
-
89
- /* Disabled Radio With gap */
90
- [type="radio"].with-gap:disabled:checked + label:before {
91
- border: 2px solid $input-disabled-color;
92
- }
93
-
94
- [type="radio"].with-gap:disabled:checked + label:after {
95
- border: none;
96
- background-color: $input-disabled-color;
97
- }
98
-
99
- /* Disabled style */
100
- [type="radio"]:disabled:not(:checked) + label:before,
101
- [type="radio"]:disabled:checked + label:before {
102
- background-color: transparent;
103
- border-color: $input-disabled-color;
104
- }
105
-
106
- [type="radio"]:disabled + label {
107
- color: $input-disabled-color;
108
- }
109
-
110
- [type="radio"]:disabled:not(:checked) + label:before {
111
- border-color: $input-disabled-color;
112
- }
113
-
114
- [type="radio"]:disabled:checked + label:after {
115
- background-color: $input-disabled-color;
116
- border-color: $input-disabled-solid-color;
117
- }
@@ -1,259 +0,0 @@
1
- /*!
2
- * Materialize v0.97.8 (http://materializecss.com)
3
- * Copyright 2014-2015 Materialize
4
- * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
5
- */
6
-
7
- /* Functional styling;
8
- * These styles are required for noUiSlider to function.
9
- * You don't need to change these rules to apply your design.
10
- */
11
- .noUi-target,
12
- .noUi-target * {
13
- -webkit-touch-callout: none;
14
- -webkit-user-select: none;
15
- -ms-touch-action: none;
16
- -ms-user-select: none;
17
- -moz-user-select: none;
18
- -moz-box-sizing: border-box;
19
- box-sizing: border-box;
20
- }
21
- .noUi-target {
22
- position: relative;
23
- direction: ltr;
24
- }
25
- .noUi-base {
26
- width: 100%;
27
- height: 100%;
28
- position: relative;
29
- z-index: 1; /* Fix 401 */
30
- }
31
- .noUi-origin {
32
- position: absolute;
33
- right: 0;
34
- top: 6px;
35
- left: 0;
36
- bottom: 0;
37
- }
38
- .noUi-handle {
39
- position: relative;
40
- z-index: 1;
41
- }
42
- .noUi-stacking .noUi-handle {
43
- /* This class is applied to the lower origin when
44
- its values is > 50%. */
45
- z-index: 10;
46
- }
47
- .noUi-state-tap .noUi-origin {
48
- -webkit-transition: left 0.25s, top 0.25s;
49
- transition: left 0.25s, top 0.25s;
50
- }
51
- .noUi-state-drag * {
52
- cursor: inherit !important;
53
- }
54
-
55
- /* Painting and performance;
56
- * Browsers can paint handles in their own layer.
57
- */
58
- .noUi-base {
59
- -webkit-transform: translate3d(0,0,0);
60
- transform: translate3d(0,0,0);
61
- }
62
-
63
- /* Slider size and handle placement;
64
- */
65
- .noUi-horizontal {
66
- height: 18px;
67
- }
68
- .noUi-horizontal .noUi-handle {
69
- width: 34px;
70
- height: 28px;
71
- left: -17px;
72
- top: -6px;
73
- }
74
- .noUi-vertical {
75
- width: 18px;
76
- }
77
- .noUi-vertical .noUi-handle {
78
- width: 28px;
79
- height: 34px;
80
- left: -6px;
81
- top: -17px;
82
- }
83
-
84
- /* Styling;
85
- */
86
- .noUi-background {
87
- background: #FAFAFA;
88
- box-shadow: inset 0 1px 1px #f0f0f0;
89
- }
90
- .noUi-connect {
91
- background: #3FB8AF;
92
- box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
93
- -webkit-transition: background 450ms;
94
- transition: background 450ms;
95
- }
96
- .noUi-origin {
97
- border-radius: 2px;
98
- }
99
- .noUi-target {
100
- border-radius: 4px;
101
- border: 1px solid #D3D3D3;
102
- box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
103
- }
104
- .noUi-target.noUi-connect {
105
- box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
106
- }
107
-
108
- /* Handles and cursors;
109
- */
110
- .noUi-dragable {
111
- cursor: w-resize;
112
- }
113
- .noUi-vertical .noUi-dragable {
114
- cursor: n-resize;
115
- }
116
- .noUi-handle {
117
- border: 1px solid #D9D9D9;
118
- border-radius: 3px;
119
- background: #FFF;
120
- cursor: default;
121
- box-shadow: inset 0 0 1px #FFF,
122
- inset 0 1px 7px #EBEBEB,
123
- 0 3px 6px -3px #BBB;
124
- }
125
- .noUi-active {
126
- box-shadow: inset 0 0 1px #FFF,
127
- inset 0 1px 7px #DDD,
128
- 0 3px 6px -3px #BBB;
129
- }
130
-
131
- /* Handle stripes;
132
- */
133
- .noUi-handle:before,
134
- .noUi-handle:after {
135
- content: "";
136
- display: block;
137
- position: absolute;
138
- height: 14px;
139
- width: 1px;
140
- background: #E8E7E6;
141
- left: 14px;
142
- top: 6px;
143
- }
144
- .noUi-handle:after {
145
- left: 17px;
146
- }
147
- .noUi-vertical .noUi-handle:before,
148
- .noUi-vertical .noUi-handle:after {
149
- width: 14px;
150
- height: 1px;
151
- left: 6px;
152
- top: 14px;
153
- }
154
- .noUi-vertical .noUi-handle:after {
155
- top: 17px;
156
- }
157
-
158
- /* Disabled state;
159
- */
160
- [disabled].noUi-connect,
161
- [disabled] .noUi-connect {
162
- background: #B8B8B8;
163
- }
164
- [disabled].noUi-origin,
165
- [disabled] .noUi-handle {
166
- cursor: not-allowed;
167
- }
168
-
169
- /*Materialize Theming*/
170
-
171
- .noUi-target {
172
-
173
- box-shadow: none;
174
- border: none;
175
- }
176
- .noUi-base {
177
- height: 15px;
178
- top: -6px;
179
- }
180
- .noUi-background {
181
- height: 3px;
182
- top: 6px;
183
- background-color: #bfbfbf;
184
- box-shadow: none;
185
- }
186
- .noUi-horizontal {
187
- height: 3px;
188
- }
189
- .noUi-connect {
190
- height: 3px;
191
- top: 6px;
192
- background-color: #26A69A;
193
- box-shadow: none;
194
- }
195
-
196
- /*Handle*/
197
- .noUi-horizontal .noUi-handle {
198
- width: 15px;
199
- height: 15px;
200
- border-radius: 50%;
201
- box-shadow: none;
202
- background-color: #26A69A;
203
- border: none;
204
- left: -5px;
205
- top: -6px;
206
- transition: width .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
207
- height .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
208
- left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
209
- top .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
210
- }
211
- .noUi-handle:before {
212
- content: none;
213
- }
214
- .noUi-handle:after {
215
- content: none;
216
- }
217
- /*Handle on Drag*/
218
- .noUi-target .noUi-active.noUi-handle {
219
- width: 3px;
220
- height: 3px;
221
- left: 0;
222
- top: 0;
223
- }
224
-
225
- .noUi-target .noUi-active .range-label span {
226
- }
227
- .noUi-target .range-label {
228
- position: absolute;
229
- height: 30px;
230
- width: 30px;
231
- top: -17px;
232
- left: -2px;
233
- background-color: #26A69A;
234
- border-radius: 50%;
235
- transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
236
- transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
237
- transform: scale(.5) rotate(-45deg);
238
- transform-origin: 50% 100%;
239
- }
240
- .noUi-target .noUi-active .range-label {
241
- border-radius: 15px 15px 15px 0;
242
- transform: rotate(-45deg) translate(23px, -25px);
243
-
244
- }
245
- .range-label span {
246
- width: 100%;
247
- text-align: center;
248
- color: #fff;
249
- font-size: 12px;
250
- transform: rotate(45deg);
251
- opacity: 0;
252
- position: absolute;
253
- top: 7px;
254
- left: -1px;
255
- transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
256
- }
257
- .noUi-active .range-label span {
258
- opacity: 1;
259
- }