materialize-sass 0.97.8 → 0.98.0

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 (53) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/Rakefile +1 -1
  4. data/app/assets/javascripts/materialize.js +5 -5
  5. data/app/assets/javascripts/materialize/animation.js +8 -9
  6. data/app/assets/javascripts/materialize/carousel.js +52 -25
  7. data/app/assets/javascripts/materialize/character_counter.js +2 -2
  8. data/app/assets/javascripts/materialize/chips.js +39 -10
  9. data/app/assets/javascripts/materialize/dropdown.js +12 -12
  10. data/app/assets/javascripts/materialize/extras/nouislider.js +1917 -1438
  11. data/app/assets/javascripts/materialize/extras/nouislider.min.js +1 -1
  12. data/app/assets/javascripts/materialize/forms.js +131 -35
  13. data/app/assets/javascripts/materialize/global.js +55 -0
  14. data/app/assets/javascripts/materialize/init.js +41 -4
  15. data/app/assets/javascripts/materialize/jquery.hammer.js +0 -0
  16. data/app/assets/javascripts/materialize/materialbox.js +86 -77
  17. data/app/assets/javascripts/materialize/modal.js +12 -12
  18. data/app/assets/javascripts/materialize/parallax.js +48 -48
  19. data/app/assets/javascripts/materialize/scrollFire.js +40 -37
  20. data/app/assets/javascripts/materialize/scrollspy.js +2 -53
  21. data/app/assets/javascripts/materialize/sideNav.js +46 -40
  22. data/app/assets/javascripts/materialize/slider.js +15 -12
  23. data/app/assets/javascripts/materialize/tabs.js +104 -35
  24. data/app/assets/javascripts/materialize/toasts.js +122 -123
  25. data/app/assets/javascripts/materialize/tooltip.js +15 -13
  26. data/app/assets/javascripts/materialize/transitions.js +24 -24
  27. data/app/assets/stylesheets/materialize.scss +2 -0
  28. data/app/assets/stylesheets/materialize/components/_badges.scss +46 -0
  29. data/app/assets/stylesheets/materialize/components/_buttons.scss +29 -17
  30. data/app/assets/stylesheets/materialize/components/_cards.scss +9 -3
  31. data/app/assets/stylesheets/materialize/components/_carousel.scss +1 -1
  32. data/app/assets/stylesheets/materialize/components/_collapsible.scss +3 -7
  33. data/app/assets/stylesheets/materialize/components/_global.scss +6 -62
  34. data/app/assets/stylesheets/materialize/components/_icons-material-design.scss +0 -0
  35. data/app/assets/stylesheets/materialize/components/_materialbox.scss +13 -12
  36. data/app/assets/stylesheets/materialize/components/_navbar.scss +26 -7
  37. data/app/assets/stylesheets/materialize/components/_prefixer.scss +0 -0
  38. data/app/assets/stylesheets/materialize/components/_sideNav.scss +8 -5
  39. data/app/assets/stylesheets/materialize/components/_table_of_contents.scss +2 -2
  40. data/app/assets/stylesheets/materialize/components/_tabs.scss +0 -0
  41. data/app/assets/stylesheets/materialize/components/_toast.scss +1 -1
  42. data/app/assets/stylesheets/materialize/components/_tooltip.scss +2 -3
  43. data/app/assets/stylesheets/materialize/components/_transitions.scss +13 -0
  44. data/app/assets/stylesheets/materialize/components/_typography.scss +0 -0
  45. data/app/assets/stylesheets/materialize/components/_variables.scss +7 -1
  46. data/app/assets/stylesheets/materialize/components/_waves.scss +80 -143
  47. data/app/assets/stylesheets/materialize/components/date_picker/_default.date.scss +0 -0
  48. data/app/assets/stylesheets/materialize/components/date_picker/_default.scss +0 -0
  49. data/app/assets/stylesheets/materialize/components/date_picker/_default.time.scss +0 -0
  50. data/app/assets/stylesheets/materialize/components/forms/_input-fields.scss +4 -4
  51. data/app/assets/stylesheets/materialize/extras/nouislider.css +263 -123
  52. data/lib/materialize-sass/version.rb +1 -1
  53. metadata +4 -2
@@ -158,11 +158,11 @@ textarea.materialize-textarea {
158
158
  font-size: 1rem;
159
159
  cursor: text;
160
160
  transition: .2s ease-out;
161
- }
162
161
 
163
- label.active {
164
- font-size: $label-font-size;
165
- transform: translateY(-140%);
162
+ &:not(.label-icon).active {
163
+ font-size: $label-font-size;
164
+ transform: translateY(-140%);
165
+ }
166
166
  }
167
167
 
168
168
  // Prefix Icons
@@ -1,200 +1,302 @@
1
1
  /*!
2
- * Materialize v0.97.8 (http://materializecss.com)
2
+ * Materialize v0.98.0 (http://materializecss.com)
3
3
  * Copyright 2014-2015 Materialize
4
4
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
5
5
  */
6
6
 
7
+ /*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
8
+
9
+
7
10
  /* Functional styling;
8
11
  * These styles are required for noUiSlider to function.
9
12
  * You don't need to change these rules to apply your design.
10
13
  */
11
14
  .noUi-target,
12
15
  .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;
16
+ -webkit-touch-callout: none;
17
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
18
+ -webkit-user-select: none;
19
+ -ms-touch-action: none;
20
+ touch-action: none;
21
+ -ms-user-select: none;
22
+ -moz-user-select: none;
23
+ user-select: none;
24
+ -moz-box-sizing: border-box;
25
+ box-sizing: border-box;
20
26
  }
21
27
  .noUi-target {
22
- position: relative;
23
- direction: ltr;
28
+ position: relative;
29
+ direction: ltr;
24
30
  }
25
31
  .noUi-base {
26
- width: 100%;
27
- height: 100%;
28
- position: relative;
29
- z-index: 1; /* Fix 401 */
32
+ width: 100%;
33
+ height: 100%;
34
+ position: relative;
35
+ z-index: 1; /* Fix 401 */
36
+ }
37
+ .noUi-connect {
38
+ position: absolute;
39
+ right: 0;
40
+ top: 0;
41
+ left: 0;
42
+ bottom: 0;
30
43
  }
31
44
  .noUi-origin {
32
- position: absolute;
33
- right: 0;
34
- top: 6px;
35
- left: 0;
36
- bottom: 0;
45
+ position: absolute;
46
+ height: 0;
47
+ width: 0;
37
48
  }
38
49
  .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;
50
+ position: relative;
51
+ z-index: 1;
46
52
  }
53
+ .noUi-state-tap .noUi-connect,
47
54
  .noUi-state-tap .noUi-origin {
48
- -webkit-transition: left 0.25s, top 0.25s;
49
- transition: left 0.25s, top 0.25s;
55
+ -webkit-transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
56
+ transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
50
57
  }
51
58
  .noUi-state-drag * {
52
- cursor: inherit !important;
59
+ cursor: inherit !important;
53
60
  }
54
61
 
55
62
  /* Painting and performance;
56
63
  * Browsers can paint handles in their own layer.
57
64
  */
58
- .noUi-base {
59
- -webkit-transform: translate3d(0,0,0);
60
- transform: translate3d(0,0,0);
65
+ .noUi-base,
66
+ .noUi-handle {
67
+ -webkit-transform: translate3d(0,0,0);
68
+ transform: translate3d(0,0,0);
61
69
  }
62
70
 
63
71
  /* Slider size and handle placement;
64
72
  */
65
73
  .noUi-horizontal {
66
- height: 18px;
74
+ height: 18px;
67
75
  }
68
76
  .noUi-horizontal .noUi-handle {
69
- width: 34px;
70
- height: 28px;
71
- left: -17px;
72
- top: -6px;
77
+ width: 34px;
78
+ height: 28px;
79
+ left: -17px;
80
+ top: -6px;
73
81
  }
74
82
  .noUi-vertical {
75
- width: 18px;
83
+ width: 18px;
76
84
  }
77
85
  .noUi-vertical .noUi-handle {
78
- width: 28px;
79
- height: 34px;
80
- left: -6px;
81
- top: -17px;
86
+ width: 28px;
87
+ height: 34px;
88
+ left: -6px;
89
+ top: -17px;
82
90
  }
83
91
 
84
92
  /* Styling;
85
93
  */
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
94
  .noUi-target {
100
- border-radius: 4px;
101
- border: 1px solid #D3D3D3;
102
- box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
95
+ background: #cdcdcd;
96
+ border-radius: 4px;
97
+ border: 1px solid transparent;
103
98
  }
104
- .noUi-target.noUi-connect {
105
- box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
99
+ .noUi-connect {
100
+ background: #26A69A;
101
+ -webkit-transition: background 450ms;
102
+ transition: background 450ms;
106
103
  }
107
104
 
108
105
  /* Handles and cursors;
109
106
  */
110
- .noUi-dragable {
111
- cursor: w-resize;
107
+ .noUi-draggable {
108
+ cursor: ew-resize;
112
109
  }
113
- .noUi-vertical .noUi-dragable {
114
- cursor: n-resize;
110
+ .noUi-vertical .noUi-draggable {
111
+ cursor: ns-resize;
115
112
  }
116
113
  .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;
114
+ border: 1px solid #D9D9D9;
115
+ border-radius: 3px;
116
+ background: #FFF;
117
+ cursor: default;
118
+ box-shadow: inset 0 0 1px #FFF,
119
+ inset 0 1px 7px #EBEBEB,
120
+ 0 3px 6px -3px #BBB;
124
121
  }
125
122
  .noUi-active {
126
- box-shadow: inset 0 0 1px #FFF,
127
- inset 0 1px 7px #DDD,
128
- 0 3px 6px -3px #BBB;
123
+ box-shadow: inset 0 0 1px #FFF,
124
+ inset 0 1px 7px #DDD,
125
+ 0 3px 6px -3px #BBB;
129
126
  }
130
127
 
131
- /* Handle stripes;
128
+ /* Handle stripes
132
129
  */
133
130
  .noUi-handle:before,
134
131
  .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;
132
+ content: "";
133
+ display: block;
134
+ position: absolute;
135
+ height: 14px;
136
+ width: 1px;
137
+ background: #E8E7E6;
138
+ left: 14px;
139
+ top: 6px;
143
140
  }
144
141
  .noUi-handle:after {
145
- left: 17px;
142
+ left: 17px;
146
143
  }
147
144
  .noUi-vertical .noUi-handle:before,
148
145
  .noUi-vertical .noUi-handle:after {
149
- width: 14px;
150
- height: 1px;
151
- left: 6px;
152
- top: 14px;
146
+ width: 14px;
147
+ height: 1px;
148
+ left: 6px;
149
+ top: 14px;
153
150
  }
154
151
  .noUi-vertical .noUi-handle:after {
155
- top: 17px;
152
+ top: 17px;
156
153
  }
157
154
 
158
155
  /* Disabled state;
159
156
  */
160
- [disabled].noUi-connect,
157
+
161
158
  [disabled] .noUi-connect {
162
- background: #B8B8B8;
159
+ background: #B8B8B8;
163
160
  }
164
- [disabled].noUi-origin,
161
+ [disabled].noUi-target,
162
+ [disabled].noUi-handle,
165
163
  [disabled] .noUi-handle {
166
- cursor: not-allowed;
164
+ cursor: not-allowed;
167
165
  }
168
166
 
169
- /*Materialize Theming*/
170
167
 
171
- .noUi-target {
168
+ /* Base;
169
+ *
170
+ */
171
+ .noUi-pips,
172
+ .noUi-pips * {
173
+ -moz-box-sizing: border-box;
174
+ box-sizing: border-box;
175
+ }
176
+ .noUi-pips {
177
+ position: absolute;
178
+ color: #999;
179
+ }
172
180
 
173
- box-shadow: none;
174
- border: none;
181
+ /* Values;
182
+ *
183
+ */
184
+ .noUi-value {
185
+ position: absolute;
186
+ text-align: center;
175
187
  }
176
- .noUi-base {
188
+ .noUi-value-sub {
189
+ color: #ccc;
190
+ font-size: 10px;
191
+ }
192
+
193
+ /* Markings;
194
+ *
195
+ */
196
+ .noUi-marker {
197
+ position: absolute;
198
+ background: #CCC;
199
+ }
200
+ .noUi-marker-sub {
201
+ background: #AAA;
202
+ }
203
+ .noUi-marker-large {
204
+ background: #AAA;
205
+ }
206
+
207
+ /* Horizontal layout;
208
+ *
209
+ */
210
+ .noUi-pips-horizontal {
211
+ padding: 10px 0;
212
+ height: 80px;
213
+ top: 100%;
214
+ left: 0;
215
+ width: 100%;
216
+ }
217
+ .noUi-value-horizontal {
218
+ -webkit-transform: translate3d(-50%,50%,0);
219
+ transform: translate3d(-50%,50%,0);
220
+ }
221
+
222
+ .noUi-marker-horizontal.noUi-marker {
223
+ margin-left: -1px;
224
+ width: 2px;
225
+ height: 5px;
226
+ }
227
+ .noUi-marker-horizontal.noUi-marker-sub {
228
+ height: 10px;
229
+ }
230
+ .noUi-marker-horizontal.noUi-marker-large {
177
231
  height: 15px;
178
- top: -6px;
179
232
  }
180
- .noUi-background {
181
- height: 3px;
182
- top: 6px;
183
- background-color: #bfbfbf;
184
- box-shadow: none;
233
+
234
+ /* Vertical layout;
235
+ *
236
+ */
237
+ .noUi-pips-vertical {
238
+ padding: 0 10px;
239
+ height: 100%;
240
+ top: 0;
241
+ left: 100%;
242
+ }
243
+ .noUi-value-vertical {
244
+ -webkit-transform: translate3d(0,50%,0);
245
+ transform: translate3d(0,50%,0);
246
+ padding-left: 25px;
247
+ }
248
+
249
+ .noUi-marker-vertical.noUi-marker {
250
+ width: 5px;
251
+ height: 2px;
252
+ margin-top: -1px;
253
+ }
254
+ .noUi-marker-vertical.noUi-marker-sub {
255
+ width: 10px;
256
+ }
257
+ .noUi-marker-vertical.noUi-marker-large {
258
+ width: 15px;
259
+ }
260
+
261
+ .noUi-tooltip {
262
+ display: block;
263
+ position: absolute;
264
+ border: 1px solid transparent;
265
+ border-radius: 3px;
266
+ background: #fff;
267
+ color: #000;
268
+ padding: 5px;
269
+ text-align: center;
270
+ }
271
+ .noUi-horizontal .noUi-tooltip {
272
+ -webkit-transform: translate(-50%, 0);
273
+ transform: translate(-50%, 0);
274
+ left: 50%;
275
+ bottom: 120%;
276
+ }
277
+ .noUi-vertical .noUi-tooltip {
278
+ -webkit-transform: translate(0, -50%);
279
+ transform: translate(0, -50%);
280
+ top: 50%;
281
+ right: 120%;
282
+ }
283
+
284
+ /* Materialize Styles */
285
+ .noUi-target {
286
+ border: 0;
287
+ border-radius: 0;
185
288
  }
186
289
  .noUi-horizontal {
187
290
  height: 3px;
188
291
  }
189
- .noUi-connect {
190
- height: 3px;
191
- top: 6px;
192
- background-color: #26A69A;
193
- box-shadow: none;
292
+
293
+ .noUi-vertical {
294
+ height: 100%;
295
+ width: 3px;
194
296
  }
195
297
 
196
- /*Handle*/
197
- .noUi-horizontal .noUi-handle {
298
+ .noUi-horizontal .noUi-handle,
299
+ .noUi-vertical .noUi-handle {
198
300
  width: 15px;
199
301
  height: 15px;
200
302
  border-radius: 50%;
@@ -204,9 +306,9 @@
204
306
  left: -5px;
205
307
  top: -6px;
206
308
  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);
309
+ height .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
310
+ left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
311
+ top .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
210
312
  }
211
313
  .noUi-handle:before {
212
314
  content: none;
@@ -214,7 +316,7 @@
214
316
  .noUi-handle:after {
215
317
  content: none;
216
318
  }
217
- /*Handle on Drag*/
319
+
218
320
  .noUi-target .noUi-active.noUi-handle {
219
321
  width: 3px;
220
322
  height: 3px;
@@ -222,9 +324,7 @@
222
324
  top: 0;
223
325
  }
224
326
 
225
- .noUi-target .noUi-active .range-label span {
226
- }
227
- .noUi-target .range-label {
327
+ .noUi-target.noUi-horizontal .noUi-tooltip {
228
328
  position: absolute;
229
329
  height: 30px;
230
330
  width: 30px;
@@ -233,27 +333,67 @@
233
333
  background-color: #26A69A;
234
334
  border-radius: 50%;
235
335
  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);
336
+ transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
237
337
  transform: scale(.5) rotate(-45deg);
238
338
  transform-origin: 50% 100%;
239
339
  }
240
- .noUi-target .noUi-active .range-label {
340
+ .noUi-target.noUi-horizontal .noUi-active .noUi-tooltip {
241
341
  border-radius: 15px 15px 15px 0;
242
342
  transform: rotate(-45deg) translate(23px, -25px);
243
-
244
343
  }
245
- .range-label span {
344
+
345
+ .noUi-tooltip span {
246
346
  width: 100%;
247
347
  text-align: center;
248
348
  color: #fff;
249
349
  font-size: 12px;
350
+ opacity: 0;
351
+ position: absolute;
352
+ top: 6px;
353
+ left: -1px;
354
+ transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
355
+ }
356
+
357
+ .noUi-horizontal .noUi-tooltip span {
250
358
  transform: rotate(45deg);
359
+ }
360
+
361
+ .noUi-vertical .noUi-tooltip span {
362
+ transform: rotate(135deg);
363
+ }
364
+
365
+
366
+ .noUi-target.noUi-vertical .noUi-tooltip {
367
+ position: absolute;
368
+ height: 30px;
369
+ width: 30px;
370
+ top: -17px;
371
+ left: -2px;
372
+ background-color: #26A69A;
373
+ border-radius: 50%;
374
+ transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
375
+ transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
376
+ transform: scale(.5) rotate(-45deg);
377
+ transform-origin: 50% 100%;
378
+ }
379
+ .noUi-target.noUi-vertical .noUi-active .noUi-tooltip {
380
+ border-radius: 15px 15px 15px 0;
381
+ transform: rotate(-135deg) translate(35px, -10px);
382
+ }
383
+ .noUi-vertical .noUi-tooltip span {
384
+ width: 100%;
385
+ text-align: center;
386
+ color: #fff;
387
+ font-size: 12px;
388
+ transform: rotate(135deg);
251
389
  opacity: 0;
252
390
  position: absolute;
253
391
  top: 7px;
254
392
  left: -1px;
255
393
  transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
256
394
  }
257
- .noUi-active .range-label span {
395
+
396
+ .noUi-horizontal .noUi-active .noUi-tooltip span,
397
+ .noUi-vertical .noUi-active .noUi-tooltip span {
258
398
  opacity: 1;
259
399
  }