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.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/Rakefile +1 -1
- data/app/assets/javascripts/materialize.js +5 -5
- data/app/assets/javascripts/materialize/animation.js +8 -9
- data/app/assets/javascripts/materialize/carousel.js +52 -25
- data/app/assets/javascripts/materialize/character_counter.js +2 -2
- data/app/assets/javascripts/materialize/chips.js +39 -10
- data/app/assets/javascripts/materialize/dropdown.js +12 -12
- data/app/assets/javascripts/materialize/extras/nouislider.js +1917 -1438
- data/app/assets/javascripts/materialize/extras/nouislider.min.js +1 -1
- data/app/assets/javascripts/materialize/forms.js +131 -35
- data/app/assets/javascripts/materialize/global.js +55 -0
- data/app/assets/javascripts/materialize/init.js +41 -4
- data/app/assets/javascripts/materialize/jquery.hammer.js +0 -0
- data/app/assets/javascripts/materialize/materialbox.js +86 -77
- data/app/assets/javascripts/materialize/modal.js +12 -12
- data/app/assets/javascripts/materialize/parallax.js +48 -48
- data/app/assets/javascripts/materialize/scrollFire.js +40 -37
- data/app/assets/javascripts/materialize/scrollspy.js +2 -53
- data/app/assets/javascripts/materialize/sideNav.js +46 -40
- data/app/assets/javascripts/materialize/slider.js +15 -12
- data/app/assets/javascripts/materialize/tabs.js +104 -35
- data/app/assets/javascripts/materialize/toasts.js +122 -123
- data/app/assets/javascripts/materialize/tooltip.js +15 -13
- data/app/assets/javascripts/materialize/transitions.js +24 -24
- data/app/assets/stylesheets/materialize.scss +2 -0
- data/app/assets/stylesheets/materialize/components/_badges.scss +46 -0
- data/app/assets/stylesheets/materialize/components/_buttons.scss +29 -17
- data/app/assets/stylesheets/materialize/components/_cards.scss +9 -3
- data/app/assets/stylesheets/materialize/components/_carousel.scss +1 -1
- data/app/assets/stylesheets/materialize/components/_collapsible.scss +3 -7
- data/app/assets/stylesheets/materialize/components/_global.scss +6 -62
- data/app/assets/stylesheets/materialize/components/_icons-material-design.scss +0 -0
- data/app/assets/stylesheets/materialize/components/_materialbox.scss +13 -12
- data/app/assets/stylesheets/materialize/components/_navbar.scss +26 -7
- data/app/assets/stylesheets/materialize/components/_prefixer.scss +0 -0
- data/app/assets/stylesheets/materialize/components/_sideNav.scss +8 -5
- data/app/assets/stylesheets/materialize/components/_table_of_contents.scss +2 -2
- data/app/assets/stylesheets/materialize/components/_tabs.scss +0 -0
- data/app/assets/stylesheets/materialize/components/_toast.scss +1 -1
- data/app/assets/stylesheets/materialize/components/_tooltip.scss +2 -3
- data/app/assets/stylesheets/materialize/components/_transitions.scss +13 -0
- data/app/assets/stylesheets/materialize/components/_typography.scss +0 -0
- data/app/assets/stylesheets/materialize/components/_variables.scss +7 -1
- data/app/assets/stylesheets/materialize/components/_waves.scss +80 -143
- data/app/assets/stylesheets/materialize/components/date_picker/_default.date.scss +0 -0
- data/app/assets/stylesheets/materialize/components/date_picker/_default.scss +0 -0
- data/app/assets/stylesheets/materialize/components/date_picker/_default.time.scss +0 -0
- data/app/assets/stylesheets/materialize/components/forms/_input-fields.scss +4 -4
- data/app/assets/stylesheets/materialize/extras/nouislider.css +263 -123
- data/lib/materialize-sass/version.rb +1 -1
- metadata +4 -2
File without changes
|
File without changes
|
File without changes
|
@@ -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
|
-
|
164
|
-
|
165
|
-
|
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.
|
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-
|
15
|
-
-
|
16
|
-
-ms-
|
17
|
-
-
|
18
|
-
-
|
19
|
-
|
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
|
-
|
23
|
-
|
28
|
+
position: relative;
|
29
|
+
direction: ltr;
|
24
30
|
}
|
25
31
|
.noUi-base {
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
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
|
-
|
33
|
-
|
34
|
-
|
35
|
-
left: 0;
|
36
|
-
bottom: 0;
|
45
|
+
position: absolute;
|
46
|
+
height: 0;
|
47
|
+
width: 0;
|
37
48
|
}
|
38
49
|
.noUi-handle {
|
39
|
-
|
40
|
-
|
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:
|
49
|
-
|
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
|
-
|
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
|
-
|
60
|
-
|
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
|
-
|
74
|
+
height: 18px;
|
67
75
|
}
|
68
76
|
.noUi-horizontal .noUi-handle {
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
77
|
+
width: 34px;
|
78
|
+
height: 28px;
|
79
|
+
left: -17px;
|
80
|
+
top: -6px;
|
73
81
|
}
|
74
82
|
.noUi-vertical {
|
75
|
-
|
83
|
+
width: 18px;
|
76
84
|
}
|
77
85
|
.noUi-vertical .noUi-handle {
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
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
|
-
|
101
|
-
|
102
|
-
|
95
|
+
background: #cdcdcd;
|
96
|
+
border-radius: 4px;
|
97
|
+
border: 1px solid transparent;
|
103
98
|
}
|
104
|
-
.noUi-
|
105
|
-
|
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-
|
111
|
-
|
107
|
+
.noUi-draggable {
|
108
|
+
cursor: ew-resize;
|
112
109
|
}
|
113
|
-
.noUi-vertical .noUi-
|
114
|
-
|
110
|
+
.noUi-vertical .noUi-draggable {
|
111
|
+
cursor: ns-resize;
|
115
112
|
}
|
116
113
|
.noUi-handle {
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
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
|
-
|
127
|
-
|
128
|
-
|
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
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
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
|
-
|
142
|
+
left: 17px;
|
146
143
|
}
|
147
144
|
.noUi-vertical .noUi-handle:before,
|
148
145
|
.noUi-vertical .noUi-handle:after {
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
146
|
+
width: 14px;
|
147
|
+
height: 1px;
|
148
|
+
left: 6px;
|
149
|
+
top: 14px;
|
153
150
|
}
|
154
151
|
.noUi-vertical .noUi-handle:after {
|
155
|
-
|
152
|
+
top: 17px;
|
156
153
|
}
|
157
154
|
|
158
155
|
/* Disabled state;
|
159
156
|
*/
|
160
|
-
|
157
|
+
|
161
158
|
[disabled] .noUi-connect {
|
162
|
-
|
159
|
+
background: #B8B8B8;
|
163
160
|
}
|
164
|
-
[disabled].noUi-
|
161
|
+
[disabled].noUi-target,
|
162
|
+
[disabled].noUi-handle,
|
165
163
|
[disabled] .noUi-handle {
|
166
|
-
|
164
|
+
cursor: not-allowed;
|
167
165
|
}
|
168
166
|
|
169
|
-
/*Materialize Theming*/
|
170
167
|
|
171
|
-
|
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
|
-
|
174
|
-
|
181
|
+
/* Values;
|
182
|
+
*
|
183
|
+
*/
|
184
|
+
.noUi-value {
|
185
|
+
position: absolute;
|
186
|
+
text-align: center;
|
175
187
|
}
|
176
|
-
.noUi-
|
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
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
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
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
box-shadow: none;
|
292
|
+
|
293
|
+
.noUi-vertical {
|
294
|
+
height: 100%;
|
295
|
+
width: 3px;
|
194
296
|
}
|
195
297
|
|
196
|
-
|
197
|
-
.noUi-
|
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
|
-
|
208
|
-
|
209
|
-
|
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
|
-
|
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
|
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
|
-
|
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 .
|
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
|
-
|
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
|
-
|
395
|
+
|
396
|
+
.noUi-horizontal .noUi-active .noUi-tooltip span,
|
397
|
+
.noUi-vertical .noUi-active .noUi-tooltip span {
|
258
398
|
opacity: 1;
|
259
399
|
}
|