@materializecss/materialize 1.1.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 (83) hide show
  1. package/Gruntfile.js +38 -24
  2. package/LICENSE +21 -21
  3. package/README.md +91 -97
  4. package/dist/css/materialize.css +8608 -8631
  5. package/dist/css/materialize.min.css +12 -12
  6. package/dist/js/materialize.js +12816 -12669
  7. package/dist/js/materialize.min.js +6 -6
  8. package/extras/noUiSlider/nouislider.css +404 -406
  9. package/extras/noUiSlider/nouislider.js +2147 -2147
  10. package/extras/noUiSlider/nouislider.min.js +0 -0
  11. package/js/anime.min.js +34 -34
  12. package/js/autocomplete.js +479 -479
  13. package/js/buttons.js +354 -354
  14. package/js/cards.js +40 -40
  15. package/js/carousel.js +732 -732
  16. package/js/cash.js +960 -960
  17. package/js/characterCounter.js +136 -136
  18. package/js/chips.js +486 -486
  19. package/js/collapsible.js +275 -275
  20. package/js/component.js +44 -44
  21. package/js/datepicker.js +983 -983
  22. package/js/dropdown.js +669 -669
  23. package/js/forms.js +285 -275
  24. package/js/global.js +428 -424
  25. package/js/materialbox.js +453 -453
  26. package/js/modal.js +382 -382
  27. package/js/parallax.js +138 -138
  28. package/js/pushpin.js +148 -148
  29. package/js/range.js +263 -263
  30. package/js/scrollspy.js +295 -295
  31. package/js/select.js +391 -310
  32. package/js/sidenav.js +583 -583
  33. package/js/slider.js +359 -359
  34. package/js/tabs.js +402 -402
  35. package/js/tapTarget.js +315 -315
  36. package/js/timepicker.js +712 -648
  37. package/js/toasts.js +325 -322
  38. package/js/tooltip.js +320 -320
  39. package/js/waves.js +614 -614
  40. package/package.json +87 -82
  41. package/sass/_style.scss +929 -929
  42. package/sass/components/_badges.scss +55 -55
  43. package/sass/components/_buttons.scss +322 -322
  44. package/sass/components/_cards.scss +195 -195
  45. package/sass/components/_carousel.scss +90 -90
  46. package/sass/components/_chips.scss +96 -96
  47. package/sass/components/_collapsible.scss +91 -91
  48. package/sass/components/_collection.scss +106 -106
  49. package/sass/components/_color-classes.scss +32 -32
  50. package/sass/components/_color-variables.scss +370 -370
  51. package/sass/components/_datepicker.scss +191 -191
  52. package/sass/components/_dropdown.scss +84 -84
  53. package/sass/components/_global.scss +646 -642
  54. package/sass/components/_grid.scss +158 -158
  55. package/sass/components/_icons-material-design.scss +5 -5
  56. package/sass/components/_materialbox.scss +42 -42
  57. package/sass/components/_modal.scss +97 -97
  58. package/sass/components/_navbar.scss +208 -208
  59. package/sass/components/_normalize.scss +447 -447
  60. package/sass/components/_preloader.scss +334 -334
  61. package/sass/components/_pulse.scss +34 -34
  62. package/sass/components/_sidenav.scss +214 -214
  63. package/sass/components/_slider.scss +91 -91
  64. package/sass/components/_table_of_contents.scss +33 -33
  65. package/sass/components/_tabs.scss +99 -99
  66. package/sass/components/_tapTarget.scss +103 -103
  67. package/sass/components/_timepicker.scss +199 -183
  68. package/sass/components/_toast.scss +58 -58
  69. package/sass/components/_tooltip.scss +32 -32
  70. package/sass/components/_transitions.scss +12 -12
  71. package/sass/components/_typography.scss +62 -62
  72. package/sass/components/_variables.scss +352 -352
  73. package/sass/components/_waves.scss +187 -187
  74. package/sass/components/forms/_checkboxes.scss +200 -200
  75. package/sass/components/forms/_file-input.scss +44 -44
  76. package/sass/components/forms/_forms.scss +22 -22
  77. package/sass/components/forms/_input-fields.scss +388 -379
  78. package/sass/components/forms/_radio-buttons.scss +115 -115
  79. package/sass/components/forms/_range.scss +161 -161
  80. package/sass/components/forms/_select.scss +199 -199
  81. package/sass/components/forms/_switches.scss +91 -91
  82. package/sass/ghpages-materialize.scss +7 -7
  83. package/sass/materialize.scss +42 -42
package/sass/components/_navbar.scss CHANGED
@@ -1,208 +1,208 @@
1
- nav {
2
- &.nav-extended {
3
- height: auto;
4
-
5
- .nav-wrapper {
6
- min-height: $navbar-height-mobile;
7
- height: auto;
8
- }
9
-
10
- .nav-content {
11
- position: relative;
12
- line-height: normal;
13
- }
14
- }
15
-
16
- color: $navbar-font-color;
17
- @extend .z-depth-1;
18
- background-color: $primary-color;
19
- width: 100%;
20
- height: $navbar-height-mobile;
21
- line-height: $navbar-line-height-mobile;
22
-
23
- a { color: $navbar-font-color; }
24
-
25
- i,
26
- [class^="mdi-"], [class*="mdi-"],
27
- i.material-icons {
28
- display: block;
29
- font-size: 24px;
30
- height: $navbar-height-mobile;
31
- line-height: $navbar-line-height-mobile;
32
- }
33
-
34
- .nav-wrapper {
35
- position: relative;
36
- height: 100%;
37
- }
38
-
39
- @media #{$large-and-up} {
40
- a.sidenav-trigger { display: none; }
41
- }
42
-
43
-
44
- // Collapse button
45
- .sidenav-trigger {
46
- float: left;
47
- position: relative;
48
- z-index: 1;
49
- height: $navbar-height-mobile;
50
- margin: 0 18px;
51
-
52
- i {
53
- height: $navbar-height-mobile;
54
- line-height: $navbar-line-height-mobile;
55
- }
56
- }
57
-
58
-
59
- // Logo
60
- .brand-logo {
61
- position: absolute;
62
- color: $navbar-font-color;
63
- display: inline-block;
64
- font-size: $navbar-brand-font-size;
65
- padding: 0;
66
-
67
- &.center {
68
- left: 50%;
69
- transform: translateX(-50%);
70
- }
71
-
72
- @media #{$medium-and-down} {
73
- left: 50%;
74
- transform: translateX(-50%);
75
-
76
- &.left, &.right {
77
- padding: 0;
78
- transform: none;
79
- }
80
-
81
- &.left { left: 0.5rem; }
82
- &.right {
83
- right: 0.5rem;
84
- left: auto;
85
- }
86
- }
87
-
88
- &.right {
89
- right: 0.5rem;
90
- padding: 0;
91
- }
92
-
93
- i,
94
- [class^="mdi-"], [class*="mdi-"],
95
- i.material-icons {
96
- float: left;
97
- margin-right: 15px;
98
- }
99
- }
100
-
101
-
102
- // Title
103
- .nav-title {
104
- display: inline-block;
105
- font-size: 32px;
106
- padding: 28px 0;
107
- }
108
-
109
-
110
- // Navbar Links
111
- ul {
112
- margin: 0;
113
-
114
- li {
115
- transition: background-color .3s;
116
- float: left;
117
- padding: 0;
118
-
119
- &.active {
120
- background-color: rgba(0,0,0,.1);
121
- }
122
- }
123
- a {
124
- transition: background-color .3s;
125
- font-size: $navbar-font-size;
126
- color: $navbar-font-color;
127
- display: block;
128
- padding: 0 15px;
129
- cursor: pointer;
130
-
131
- &.btn, &.btn-large, &.btn-flat, &.btn-floating {
132
- margin-top: -2px;
133
- margin-left: 15px;
134
- margin-right: 15px;
135
-
136
- & > .material-icons {
137
- height: inherit;
138
- line-height: inherit;
139
- }
140
- }
141
-
142
- &:hover {
143
- background-color: rgba(0,0,0,.1);
144
- }
145
- }
146
-
147
- &.left {
148
- float: left;
149
- }
150
- }
151
-
152
- // Navbar Search Form
153
- form {
154
- height: 100%;
155
- }
156
-
157
- .input-field {
158
- margin: 0;
159
- height: 100%;
160
-
161
- input {
162
- height: 100%;
163
- font-size: 1.2rem;
164
- border: none;
165
- padding-left: 2rem;
166
-
167
- &:focus, &[type=text]:valid, &[type=password]:valid,
168
- &[type=email]:valid, &[type=url]:valid, &[type=date]:valid {
169
- border: none;
170
- box-shadow: none;
171
- }
172
- }
173
-
174
- label {
175
- top: 0;
176
- left: 0;
177
-
178
- i {
179
- color: rgba(255,255,255,.7);
180
- transition: color .3s;
181
- }
182
- &.active i { color: $navbar-font-color; }
183
- }
184
- }
185
- }
186
-
187
- // Fixed Navbar
188
- .navbar-fixed {
189
- position: relative;
190
- height: $navbar-height-mobile;
191
- z-index: 997;
192
-
193
- nav {
194
- position: fixed;
195
- }
196
- }
197
- @media #{$medium-and-up} {
198
- nav.nav-extended .nav-wrapper {
199
- min-height: $navbar-height;
200
- }
201
- nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
202
- height: $navbar-height;
203
- line-height: $navbar-line-height;
204
- }
205
- .navbar-fixed {
206
- height: $navbar-height;
207
- }
208
- }
1
+ nav {
2
+ &.nav-extended {
3
+ height: auto;
4
+
5
+ .nav-wrapper {
6
+ min-height: $navbar-height-mobile;
7
+ height: auto;
8
+ }
9
+
10
+ .nav-content {
11
+ position: relative;
12
+ line-height: normal;
13
+ }
14
+ }
15
+
16
+ color: $navbar-font-color;
17
+ @extend .z-depth-1;
18
+ background-color: $primary-color;
19
+ width: 100%;
20
+ height: $navbar-height-mobile;
21
+ line-height: $navbar-line-height-mobile;
22
+
23
+ a { color: $navbar-font-color; }
24
+
25
+ i,
26
+ [class^="mdi-"], [class*="mdi-"],
27
+ i.material-icons {
28
+ display: block;
29
+ font-size: 24px;
30
+ height: $navbar-height-mobile;
31
+ line-height: $navbar-line-height-mobile;
32
+ }
33
+
34
+ .nav-wrapper {
35
+ position: relative;
36
+ height: 100%;
37
+ }
38
+
39
+ @media #{$large-and-up} {
40
+ a.sidenav-trigger { display: none; }
41
+ }
42
+
43
+
44
+ // Collapse button
45
+ .sidenav-trigger {
46
+ float: left;
47
+ position: relative;
48
+ z-index: 1;
49
+ height: $navbar-height-mobile;
50
+ margin: 0 18px;
51
+
52
+ i {
53
+ height: $navbar-height-mobile;
54
+ line-height: $navbar-line-height-mobile;
55
+ }
56
+ }
57
+
58
+
59
+ // Logo
60
+ .brand-logo {
61
+ position: absolute;
62
+ color: $navbar-font-color;
63
+ display: inline-block;
64
+ font-size: $navbar-brand-font-size;
65
+ padding: 0;
66
+
67
+ &.center {
68
+ left: 50%;
69
+ transform: translateX(-50%);
70
+ }
71
+
72
+ @media #{$medium-and-down} {
73
+ left: 50%;
74
+ transform: translateX(-50%);
75
+
76
+ &.left, &.right {
77
+ padding: 0;
78
+ transform: none;
79
+ }
80
+
81
+ &.left { left: 0.5rem; }
82
+ &.right {
83
+ right: 0.5rem;
84
+ left: auto;
85
+ }
86
+ }
87
+
88
+ &.right {
89
+ right: 0.5rem;
90
+ padding: 0;
91
+ }
92
+
93
+ i,
94
+ [class^="mdi-"], [class*="mdi-"],
95
+ i.material-icons {
96
+ float: left;
97
+ margin-right: 15px;
98
+ }
99
+ }
100
+
101
+
102
+ // Title
103
+ .nav-title {
104
+ display: inline-block;
105
+ font-size: 32px;
106
+ padding: 28px 0;
107
+ }
108
+
109
+
110
+ // Navbar Links
111
+ ul {
112
+ margin: 0;
113
+
114
+ li {
115
+ transition: background-color .3s;
116
+ float: left;
117
+ padding: 0;
118
+
119
+ &.active {
120
+ background-color: rgba(0,0,0,.1);
121
+ }
122
+ }
123
+ a {
124
+ transition: background-color .3s;
125
+ font-size: $navbar-font-size;
126
+ color: $navbar-font-color;
127
+ display: block;
128
+ padding: 0 15px;
129
+ cursor: pointer;
130
+
131
+ &.btn, &.btn-large, &.btn-flat, &.btn-floating {
132
+ margin-top: -2px;
133
+ margin-left: 15px;
134
+ margin-right: 15px;
135
+
136
+ & > .material-icons {
137
+ height: inherit;
138
+ line-height: inherit;
139
+ }
140
+ }
141
+
142
+ &:hover {
143
+ background-color: rgba(0,0,0,.1);
144
+ }
145
+ }
146
+
147
+ &.left {
148
+ float: left;
149
+ }
150
+ }
151
+
152
+ // Navbar Search Form
153
+ form {
154
+ height: 100%;
155
+ }
156
+
157
+ .input-field {
158
+ margin: 0;
159
+ height: 100%;
160
+
161
+ input {
162
+ height: 100%;
163
+ font-size: 1.2rem;
164
+ border: none;
165
+ padding-left: 2rem;
166
+
167
+ &:focus, &[type=text]:valid, &[type=password]:valid,
168
+ &[type=email]:valid, &[type=url]:valid, &[type=date]:valid {
169
+ border: none;
170
+ box-shadow: none;
171
+ }
172
+ }
173
+
174
+ label {
175
+ top: 0;
176
+ left: 0;
177
+
178
+ i {
179
+ color: rgba(255,255,255,.7);
180
+ transition: color .3s;
181
+ }
182
+ &.active i { color: $navbar-font-color; }
183
+ }
184
+ }
185
+ }
186
+
187
+ // Fixed Navbar
188
+ .navbar-fixed {
189
+ position: relative;
190
+ height: $navbar-height-mobile;
191
+ z-index: 997;
192
+
193
+ nav {
194
+ position: fixed;
195
+ }
196
+ }
197
+ @media #{$medium-and-up} {
198
+ nav.nav-extended .nav-wrapper {
199
+ min-height: $navbar-height;
200
+ }
201
+ nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
202
+ height: $navbar-height;
203
+ line-height: $navbar-line-height;
204
+ }
205
+ .navbar-fixed {
206
+ height: $navbar-height;
207
+ }
208
+ }