@materializecss/materialize 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/Gruntfile.js +722 -712
  2. package/LICENSE +21 -21
  3. package/README.md +91 -91
  4. package/dist/css/materialize.css +68 -135
  5. package/dist/css/materialize.min.css +12 -12
  6. package/dist/js/materialize.js +1112 -1112
  7. package/dist/js/materialize.min.js +6 -6
  8. package/extras/noUiSlider/nouislider.css +403 -403
  9. package/extras/noUiSlider/nouislider.js +2147 -2147
  10. package/js/anime.min.js +34 -34
  11. package/js/autocomplete.js +479 -479
  12. package/js/buttons.js +354 -354
  13. package/js/cards.js +40 -40
  14. package/js/carousel.js +732 -732
  15. package/js/cash.js +960 -960
  16. package/js/characterCounter.js +136 -136
  17. package/js/chips.js +486 -486
  18. package/js/collapsible.js +275 -275
  19. package/js/component.js +44 -44
  20. package/js/datepicker.js +983 -983
  21. package/js/dropdown.js +669 -669
  22. package/js/forms.js +285 -285
  23. package/js/global.js +428 -428
  24. package/js/materialbox.js +453 -453
  25. package/js/modal.js +382 -382
  26. package/js/parallax.js +138 -138
  27. package/js/pushpin.js +148 -148
  28. package/js/range.js +263 -263
  29. package/js/scrollspy.js +295 -295
  30. package/js/select.js +391 -391
  31. package/js/sidenav.js +583 -583
  32. package/js/slider.js +359 -359
  33. package/js/tabs.js +402 -402
  34. package/js/tapTarget.js +315 -315
  35. package/js/timepicker.js +712 -712
  36. package/js/toasts.js +325 -325
  37. package/js/tooltip.js +320 -320
  38. package/js/waves.js +614 -614
  39. package/package.json +87 -84
  40. package/sass/_style.scss +929 -929
  41. package/sass/components/_badges.scss +55 -55
  42. package/sass/components/_buttons.scss +322 -322
  43. package/sass/components/_cards.scss +195 -195
  44. package/sass/components/_carousel.scss +90 -90
  45. package/sass/components/_chips.scss +96 -96
  46. package/sass/components/_collapsible.scss +91 -91
  47. package/sass/components/_collection.scss +106 -106
  48. package/sass/components/_color-classes.scss +32 -32
  49. package/sass/components/_color-variables.scss +370 -370
  50. package/sass/components/_datepicker.scss +191 -191
  51. package/sass/components/_dropdown.scss +84 -84
  52. package/sass/components/_global.scss +646 -646
  53. package/sass/components/_grid.scss +158 -158
  54. package/sass/components/_icons-material-design.scss +5 -5
  55. package/sass/components/_materialbox.scss +42 -42
  56. package/sass/components/_modal.scss +97 -97
  57. package/sass/components/_navbar.scss +208 -208
  58. package/sass/components/_normalize.scss +447 -447
  59. package/sass/components/_preloader.scss +334 -334
  60. package/sass/components/_pulse.scss +34 -34
  61. package/sass/components/_sidenav.scss +214 -214
  62. package/sass/components/_slider.scss +91 -91
  63. package/sass/components/_table_of_contents.scss +33 -33
  64. package/sass/components/_tabs.scss +99 -99
  65. package/sass/components/_tapTarget.scss +103 -103
  66. package/sass/components/_timepicker.scss +199 -199
  67. package/sass/components/_toast.scss +58 -58
  68. package/sass/components/_tooltip.scss +32 -32
  69. package/sass/components/_transitions.scss +12 -12
  70. package/sass/components/_typography.scss +62 -62
  71. package/sass/components/_variables.scss +352 -352
  72. package/sass/components/_waves.scss +187 -187
  73. package/sass/components/forms/_checkboxes.scss +200 -200
  74. package/sass/components/forms/_file-input.scss +44 -44
  75. package/sass/components/forms/_forms.scss +22 -22
  76. package/sass/components/forms/_input-fields.scss +388 -388
  77. package/sass/components/forms/_radio-buttons.scss +115 -115
  78. package/sass/components/forms/_range.scss +161 -161
  79. package/sass/components/forms/_select.scss +199 -199
  80. package/sass/components/forms/_switches.scss +91 -91
  81. package/sass/ghpages-materialize.scss +7 -7
  82. package/sass/materialize.scss +42 -42
@@ -1,404 +1,404 @@
1
- /*!
2
- * Materialize 1.0.0 (https://materializecss.github.io/materialize)
3
- * Copyright 2014-2015 Materialize
4
- * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
5
- */
6
-
7
- /*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
8
-
9
- /* Functional styling;
10
- * These styles are required for noUiSlider to function.
11
- * You don't need to change these rules to apply your design.
12
- */
13
- .noUi-target,
14
- .noUi-target * {
15
- -webkit-touch-callout: none;
16
- -webkit-tap-highlight-color: rgba(0,0,0,0);
17
- -webkit-user-select: none;
18
- -ms-touch-action: none;
19
- touch-action: none;
20
- -ms-user-select: none;
21
- -moz-user-select: none;
22
- user-select: none;
23
- -moz-box-sizing: border-box;
24
- box-sizing: border-box;
25
- }
26
- .noUi-target {
27
- position: relative;
28
- direction: ltr;
29
- }
30
- .noUi-base {
31
- width: 100%;
32
- height: 100%;
33
- position: relative;
34
- z-index: 1; /* Fix 401 */
35
- }
36
- .noUi-connect {
37
- position: absolute;
38
- right: 0;
39
- top: 0;
40
- left: 0;
41
- bottom: 0;
42
- }
43
- .noUi-origin {
44
- position: absolute;
45
- height: 0;
46
- width: 0;
47
- }
48
- .noUi-handle {
49
- position: relative;
50
- z-index: 1;
51
- }
52
- .noUi-state-tap .noUi-connect,
53
- .noUi-state-tap .noUi-origin {
54
- -webkit-transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
55
- transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
56
- }
57
- .noUi-state-drag * {
58
- cursor: inherit !important;
59
- }
60
-
61
- .noUi-handle-touch-area{
62
- position: relative;
63
- width: 44px;
64
- height: 44px;
65
- left: -15px;
66
- top: -15px;
67
- }
68
-
69
- /* Painting and performance;
70
- * Browsers can paint handles in their own layer.
71
- */
72
- .noUi-base,
73
- .noUi-handle {
74
- -webkit-transform: translate3d(0,0,0);
75
- transform: translate3d(0,0,0);
76
- }
77
-
78
- /* Slider size and handle placement;
79
- */
80
- .noUi-horizontal {
81
- height: 18px;
82
- }
83
- .noUi-horizontal .noUi-handle {
84
- width: 34px;
85
- height: 28px;
86
- left: -17px;
87
- top: -6px;
88
- }
89
- .noUi-vertical {
90
- width: 18px;
91
- }
92
- .noUi-vertical .noUi-handle {
93
- width: 28px;
94
- height: 34px;
95
- left: -6px;
96
- top: -17px;
97
- }
98
-
99
- /* Styling;
100
- */
101
- .noUi-target {
102
- background: #cdcdcd;
103
- border-radius: 4px;
104
- border: 1px solid transparent;
105
- }
106
- .noUi-connect {
107
- background: #26A69A;
108
- -webkit-transition: background 450ms;
109
- transition: background 450ms;
110
- }
111
-
112
- /* Handles and cursors;
113
- */
114
- .noUi-draggable {
115
- cursor: ew-resize;
116
- }
117
- .noUi-vertical .noUi-draggable {
118
- cursor: ns-resize;
119
- }
120
- .noUi-handle {
121
- border: 1px solid #D9D9D9;
122
- border-radius: 3px;
123
- background: #FFF;
124
- cursor: default;
125
- box-shadow: inset 0 0 1px #FFF,
126
- inset 0 1px 7px #EBEBEB,
127
- 0 3px 6px -3px #BBB;
128
- }
129
- .noUi-active {
130
- box-shadow: inset 0 0 1px #FFF,
131
- inset 0 1px 7px #DDD,
132
- 0 3px 6px -3px #BBB;
133
- }
134
-
135
- /* Handle stripes
136
- */
137
- .noUi-handle:before,
138
- .noUi-handle:after {
139
- content: "";
140
- display: block;
141
- position: absolute;
142
- height: 14px;
143
- width: 1px;
144
- background: #E8E7E6;
145
- left: 14px;
146
- top: 6px;
147
- }
148
- .noUi-handle:after {
149
- left: 17px;
150
- }
151
- .noUi-vertical .noUi-handle:before,
152
- .noUi-vertical .noUi-handle:after {
153
- width: 14px;
154
- height: 1px;
155
- left: 6px;
156
- top: 14px;
157
- }
158
- .noUi-vertical .noUi-handle:after {
159
- top: 17px;
160
- }
161
-
162
- /* Disabled state;
163
- */
164
- [disabled] .noUi-connect {
165
- background: #B8B8B8;
166
- }
167
- [disabled].noUi-target,
168
- [disabled].noUi-handle,
169
- [disabled] .noUi-handle {
170
- cursor: not-allowed;
171
- }
172
-
173
-
174
- /* Base;
175
- *
176
- */
177
- .noUi-pips,
178
- .noUi-pips * {
179
- -moz-box-sizing: border-box;
180
- box-sizing: border-box;
181
- }
182
- .noUi-pips {
183
- position: absolute;
184
- color: #999;
185
- }
186
-
187
- /* Values;
188
- *
189
- */
190
- .noUi-value {
191
- position: absolute;
192
- text-align: center;
193
- }
194
- .noUi-value-sub {
195
- color: #ccc;
196
- font-size: 10px;
197
- }
198
-
199
- /* Markings;
200
- *
201
- */
202
- .noUi-marker {
203
- position: absolute;
204
- background: #CCC;
205
- }
206
- .noUi-marker-sub {
207
- background: #AAA;
208
- }
209
- .noUi-marker-large {
210
- background: #AAA;
211
- }
212
-
213
- /* Horizontal layout;
214
- *
215
- */
216
- .noUi-pips-horizontal {
217
- padding: 10px 0;
218
- height: 80px;
219
- top: 100%;
220
- left: 0;
221
- width: 100%;
222
- }
223
- .noUi-value-horizontal {
224
- -webkit-transform: translate3d(-50%,50%,0);
225
- transform: translate3d(-50%,50%,0);
226
- }
227
-
228
- .noUi-marker-horizontal.noUi-marker {
229
- margin-left: -1px;
230
- width: 2px;
231
- height: 5px;
232
- }
233
- .noUi-marker-horizontal.noUi-marker-sub {
234
- height: 10px;
235
- }
236
- .noUi-marker-horizontal.noUi-marker-large {
237
- height: 15px;
238
- }
239
-
240
- /* Vertical layout;
241
- *
242
- */
243
- .noUi-pips-vertical {
244
- padding: 0 10px;
245
- height: 100%;
246
- top: 0;
247
- left: 100%;
248
- }
249
- .noUi-value-vertical {
250
- -webkit-transform: translate3d(0,50%,0);
251
- transform: translate3d(0,50%,0);
252
- padding-left: 25px;
253
- }
254
-
255
- .noUi-marker-vertical.noUi-marker {
256
- width: 5px;
257
- height: 2px;
258
- margin-top: -1px;
259
- }
260
- .noUi-marker-vertical.noUi-marker-sub {
261
- width: 10px;
262
- }
263
- .noUi-marker-vertical.noUi-marker-large {
264
- width: 15px;
265
- }
266
-
267
- .noUi-tooltip {
268
- display: block;
269
- position: absolute;
270
- border: 1px solid transparent;
271
- border-radius: 3px;
272
- background: #fff;
273
- color: #000;
274
- padding: 5px;
275
- text-align: center;
276
- }
277
- .noUi-horizontal .noUi-tooltip {
278
- -webkit-transform: translate(-50%, 0);
279
- transform: translate(-50%, 0);
280
- left: 50%;
281
- bottom: 120%;
282
- }
283
- .noUi-vertical .noUi-tooltip {
284
- -webkit-transform: translate(0, -50%);
285
- transform: translate(0, -50%);
286
- top: 50%;
287
- right: 120%;
288
- }
289
-
290
- /* Materialize Styles */
291
- .noUi-target {
292
- border: 0;
293
- border-radius: 0;
294
- }
295
- .noUi-horizontal {
296
- height: 3px;
297
- }
298
-
299
- .noUi-vertical {
300
- height: 100%;
301
- width: 3px;
302
- }
303
-
304
- .noUi-horizontal .noUi-handle,
305
- .noUi-vertical .noUi-handle {
306
- width: 15px;
307
- height: 15px;
308
- border-radius: 50%;
309
- box-shadow: none;
310
- background-color: #26A69A;
311
- border: none;
312
- left: -5px;
313
- top: -6px;
314
- transition: width .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
315
- height .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
316
- left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
317
- top .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
318
- }
319
- .noUi-handle:before {
320
- content: none;
321
- }
322
- .noUi-handle:after {
323
- content: none;
324
- }
325
-
326
- .noUi-target .noUi-active.noUi-handle {
327
- width: 3px;
328
- height: 3px;
329
- left: 0;
330
- top: 0;
331
- }
332
-
333
- .noUi-target.noUi-horizontal .noUi-tooltip {
334
- position: absolute;
335
- height: 30px;
336
- width: 30px;
337
- top: -17px;
338
- left: -2px;
339
- background-color: #26A69A;
340
- border-radius: 50%;
341
- transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
342
- transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
343
- transform: scale(.5) rotate(-45deg);
344
- transform-origin: 50% 100%;
345
- }
346
- .noUi-target.noUi-horizontal .noUi-active .noUi-tooltip {
347
- border-radius: 15px 15px 15px 0;
348
- transform: rotate(-45deg) translate(23px, -25px);
349
- }
350
-
351
- .noUi-tooltip span {
352
- width: 100%;
353
- text-align: center;
354
- color: #fff;
355
- font-size: 12px;
356
- opacity: 0;
357
- position: absolute;
358
- top: 6px;
359
- left: -1px;
360
- transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
361
- }
362
-
363
- .noUi-horizontal .noUi-tooltip span {
364
- transform: rotate(45deg);
365
- }
366
-
367
- .noUi-vertical .noUi-tooltip span {
368
- transform: rotate(135deg);
369
- }
370
-
371
- .noUi-target.noUi-vertical .noUi-tooltip {
372
- position: absolute;
373
- height: 30px;
374
- width: 30px;
375
- top: -17px;
376
- left: -2px;
377
- background-color: #26A69A;
378
- border-radius: 50%;
379
- transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
380
- transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
381
- transform: scale(.5) rotate(-45deg);
382
- transform-origin: 50% 100%;
383
- }
384
- .noUi-target.noUi-vertical .noUi-active .noUi-tooltip {
385
- border-radius: 15px 15px 15px 0;
386
- transform: rotate(-135deg) translate(35px, -10px);
387
- }
388
- .noUi-vertical .noUi-tooltip span {
389
- width: 100%;
390
- text-align: center;
391
- color: #fff;
392
- font-size: 12px;
393
- transform: rotate(135deg);
394
- opacity: 0;
395
- position: absolute;
396
- top: 7px;
397
- left: -1px;
398
- transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
399
- }
400
-
401
- .noUi-horizontal .noUi-active .noUi-tooltip span,
402
- .noUi-vertical .noUi-active .noUi-tooltip span {
403
- opacity: 1;
1
+ /*!
2
+ * Materialize 1.0.0 (https://materializecss.github.io/materialize)
3
+ * Copyright 2014-2015 Materialize
4
+ * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
5
+ */
6
+
7
+ /*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
8
+
9
+ /* Functional styling;
10
+ * These styles are required for noUiSlider to function.
11
+ * You don't need to change these rules to apply your design.
12
+ */
13
+ .noUi-target,
14
+ .noUi-target * {
15
+ -webkit-touch-callout: none;
16
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
17
+ -webkit-user-select: none;
18
+ -ms-touch-action: none;
19
+ touch-action: none;
20
+ -ms-user-select: none;
21
+ -moz-user-select: none;
22
+ user-select: none;
23
+ -moz-box-sizing: border-box;
24
+ box-sizing: border-box;
25
+ }
26
+ .noUi-target {
27
+ position: relative;
28
+ direction: ltr;
29
+ }
30
+ .noUi-base {
31
+ width: 100%;
32
+ height: 100%;
33
+ position: relative;
34
+ z-index: 1; /* Fix 401 */
35
+ }
36
+ .noUi-connect {
37
+ position: absolute;
38
+ right: 0;
39
+ top: 0;
40
+ left: 0;
41
+ bottom: 0;
42
+ }
43
+ .noUi-origin {
44
+ position: absolute;
45
+ height: 0;
46
+ width: 0;
47
+ }
48
+ .noUi-handle {
49
+ position: relative;
50
+ z-index: 1;
51
+ }
52
+ .noUi-state-tap .noUi-connect,
53
+ .noUi-state-tap .noUi-origin {
54
+ -webkit-transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
55
+ transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
56
+ }
57
+ .noUi-state-drag * {
58
+ cursor: inherit !important;
59
+ }
60
+
61
+ .noUi-handle-touch-area{
62
+ position: relative;
63
+ width: 44px;
64
+ height: 44px;
65
+ left: -15px;
66
+ top: -15px;
67
+ }
68
+
69
+ /* Painting and performance;
70
+ * Browsers can paint handles in their own layer.
71
+ */
72
+ .noUi-base,
73
+ .noUi-handle {
74
+ -webkit-transform: translate3d(0,0,0);
75
+ transform: translate3d(0,0,0);
76
+ }
77
+
78
+ /* Slider size and handle placement;
79
+ */
80
+ .noUi-horizontal {
81
+ height: 18px;
82
+ }
83
+ .noUi-horizontal .noUi-handle {
84
+ width: 34px;
85
+ height: 28px;
86
+ left: -17px;
87
+ top: -6px;
88
+ }
89
+ .noUi-vertical {
90
+ width: 18px;
91
+ }
92
+ .noUi-vertical .noUi-handle {
93
+ width: 28px;
94
+ height: 34px;
95
+ left: -6px;
96
+ top: -17px;
97
+ }
98
+
99
+ /* Styling;
100
+ */
101
+ .noUi-target {
102
+ background: #cdcdcd;
103
+ border-radius: 4px;
104
+ border: 1px solid transparent;
105
+ }
106
+ .noUi-connect {
107
+ background: #26A69A;
108
+ -webkit-transition: background 450ms;
109
+ transition: background 450ms;
110
+ }
111
+
112
+ /* Handles and cursors;
113
+ */
114
+ .noUi-draggable {
115
+ cursor: ew-resize;
116
+ }
117
+ .noUi-vertical .noUi-draggable {
118
+ cursor: ns-resize;
119
+ }
120
+ .noUi-handle {
121
+ border: 1px solid #D9D9D9;
122
+ border-radius: 3px;
123
+ background: #FFF;
124
+ cursor: default;
125
+ box-shadow: inset 0 0 1px #FFF,
126
+ inset 0 1px 7px #EBEBEB,
127
+ 0 3px 6px -3px #BBB;
128
+ }
129
+ .noUi-active {
130
+ box-shadow: inset 0 0 1px #FFF,
131
+ inset 0 1px 7px #DDD,
132
+ 0 3px 6px -3px #BBB;
133
+ }
134
+
135
+ /* Handle stripes
136
+ */
137
+ .noUi-handle:before,
138
+ .noUi-handle:after {
139
+ content: "";
140
+ display: block;
141
+ position: absolute;
142
+ height: 14px;
143
+ width: 1px;
144
+ background: #E8E7E6;
145
+ left: 14px;
146
+ top: 6px;
147
+ }
148
+ .noUi-handle:after {
149
+ left: 17px;
150
+ }
151
+ .noUi-vertical .noUi-handle:before,
152
+ .noUi-vertical .noUi-handle:after {
153
+ width: 14px;
154
+ height: 1px;
155
+ left: 6px;
156
+ top: 14px;
157
+ }
158
+ .noUi-vertical .noUi-handle:after {
159
+ top: 17px;
160
+ }
161
+
162
+ /* Disabled state;
163
+ */
164
+ [disabled] .noUi-connect {
165
+ background: #B8B8B8;
166
+ }
167
+ [disabled].noUi-target,
168
+ [disabled].noUi-handle,
169
+ [disabled] .noUi-handle {
170
+ cursor: not-allowed;
171
+ }
172
+
173
+
174
+ /* Base;
175
+ *
176
+ */
177
+ .noUi-pips,
178
+ .noUi-pips * {
179
+ -moz-box-sizing: border-box;
180
+ box-sizing: border-box;
181
+ }
182
+ .noUi-pips {
183
+ position: absolute;
184
+ color: #999;
185
+ }
186
+
187
+ /* Values;
188
+ *
189
+ */
190
+ .noUi-value {
191
+ position: absolute;
192
+ text-align: center;
193
+ }
194
+ .noUi-value-sub {
195
+ color: #ccc;
196
+ font-size: 10px;
197
+ }
198
+
199
+ /* Markings;
200
+ *
201
+ */
202
+ .noUi-marker {
203
+ position: absolute;
204
+ background: #CCC;
205
+ }
206
+ .noUi-marker-sub {
207
+ background: #AAA;
208
+ }
209
+ .noUi-marker-large {
210
+ background: #AAA;
211
+ }
212
+
213
+ /* Horizontal layout;
214
+ *
215
+ */
216
+ .noUi-pips-horizontal {
217
+ padding: 10px 0;
218
+ height: 80px;
219
+ top: 100%;
220
+ left: 0;
221
+ width: 100%;
222
+ }
223
+ .noUi-value-horizontal {
224
+ -webkit-transform: translate3d(-50%,50%,0);
225
+ transform: translate3d(-50%,50%,0);
226
+ }
227
+
228
+ .noUi-marker-horizontal.noUi-marker {
229
+ margin-left: -1px;
230
+ width: 2px;
231
+ height: 5px;
232
+ }
233
+ .noUi-marker-horizontal.noUi-marker-sub {
234
+ height: 10px;
235
+ }
236
+ .noUi-marker-horizontal.noUi-marker-large {
237
+ height: 15px;
238
+ }
239
+
240
+ /* Vertical layout;
241
+ *
242
+ */
243
+ .noUi-pips-vertical {
244
+ padding: 0 10px;
245
+ height: 100%;
246
+ top: 0;
247
+ left: 100%;
248
+ }
249
+ .noUi-value-vertical {
250
+ -webkit-transform: translate3d(0,50%,0);
251
+ transform: translate3d(0,50%,0);
252
+ padding-left: 25px;
253
+ }
254
+
255
+ .noUi-marker-vertical.noUi-marker {
256
+ width: 5px;
257
+ height: 2px;
258
+ margin-top: -1px;
259
+ }
260
+ .noUi-marker-vertical.noUi-marker-sub {
261
+ width: 10px;
262
+ }
263
+ .noUi-marker-vertical.noUi-marker-large {
264
+ width: 15px;
265
+ }
266
+
267
+ .noUi-tooltip {
268
+ display: block;
269
+ position: absolute;
270
+ border: 1px solid transparent;
271
+ border-radius: 3px;
272
+ background: #fff;
273
+ color: #000;
274
+ padding: 5px;
275
+ text-align: center;
276
+ }
277
+ .noUi-horizontal .noUi-tooltip {
278
+ -webkit-transform: translate(-50%, 0);
279
+ transform: translate(-50%, 0);
280
+ left: 50%;
281
+ bottom: 120%;
282
+ }
283
+ .noUi-vertical .noUi-tooltip {
284
+ -webkit-transform: translate(0, -50%);
285
+ transform: translate(0, -50%);
286
+ top: 50%;
287
+ right: 120%;
288
+ }
289
+
290
+ /* Materialize Styles */
291
+ .noUi-target {
292
+ border: 0;
293
+ border-radius: 0;
294
+ }
295
+ .noUi-horizontal {
296
+ height: 3px;
297
+ }
298
+
299
+ .noUi-vertical {
300
+ height: 100%;
301
+ width: 3px;
302
+ }
303
+
304
+ .noUi-horizontal .noUi-handle,
305
+ .noUi-vertical .noUi-handle {
306
+ width: 15px;
307
+ height: 15px;
308
+ border-radius: 50%;
309
+ box-shadow: none;
310
+ background-color: #26A69A;
311
+ border: none;
312
+ left: -5px;
313
+ top: -6px;
314
+ transition: width .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
315
+ height .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
316
+ left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
317
+ top .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
318
+ }
319
+ .noUi-handle:before {
320
+ content: none;
321
+ }
322
+ .noUi-handle:after {
323
+ content: none;
324
+ }
325
+
326
+ .noUi-target .noUi-active.noUi-handle {
327
+ width: 3px;
328
+ height: 3px;
329
+ left: 0;
330
+ top: 0;
331
+ }
332
+
333
+ .noUi-target.noUi-horizontal .noUi-tooltip {
334
+ position: absolute;
335
+ height: 30px;
336
+ width: 30px;
337
+ top: -17px;
338
+ left: -2px;
339
+ background-color: #26A69A;
340
+ border-radius: 50%;
341
+ transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
342
+ transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
343
+ transform: scale(.5) rotate(-45deg);
344
+ transform-origin: 50% 100%;
345
+ }
346
+ .noUi-target.noUi-horizontal .noUi-active .noUi-tooltip {
347
+ border-radius: 15px 15px 15px 0;
348
+ transform: rotate(-45deg) translate(23px, -25px);
349
+ }
350
+
351
+ .noUi-tooltip span {
352
+ width: 100%;
353
+ text-align: center;
354
+ color: #fff;
355
+ font-size: 12px;
356
+ opacity: 0;
357
+ position: absolute;
358
+ top: 6px;
359
+ left: -1px;
360
+ transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
361
+ }
362
+
363
+ .noUi-horizontal .noUi-tooltip span {
364
+ transform: rotate(45deg);
365
+ }
366
+
367
+ .noUi-vertical .noUi-tooltip span {
368
+ transform: rotate(135deg);
369
+ }
370
+
371
+ .noUi-target.noUi-vertical .noUi-tooltip {
372
+ position: absolute;
373
+ height: 30px;
374
+ width: 30px;
375
+ top: -17px;
376
+ left: -2px;
377
+ background-color: #26A69A;
378
+ border-radius: 50%;
379
+ transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
380
+ transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
381
+ transform: scale(.5) rotate(-45deg);
382
+ transform-origin: 50% 100%;
383
+ }
384
+ .noUi-target.noUi-vertical .noUi-active .noUi-tooltip {
385
+ border-radius: 15px 15px 15px 0;
386
+ transform: rotate(-135deg) translate(35px, -10px);
387
+ }
388
+ .noUi-vertical .noUi-tooltip span {
389
+ width: 100%;
390
+ text-align: center;
391
+ color: #fff;
392
+ font-size: 12px;
393
+ transform: rotate(135deg);
394
+ opacity: 0;
395
+ position: absolute;
396
+ top: 7px;
397
+ left: -1px;
398
+ transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
399
+ }
400
+
401
+ .noUi-horizontal .noUi-active .noUi-tooltip span,
402
+ .noUi-vertical .noUi-active .noUi-tooltip span {
403
+ opacity: 1;
404
404
  }