materialize-sass 0.97.6 → 0.97.7

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 (63) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/app/assets/javascripts/materialize-sprockets.js +1 -4
  4. data/app/assets/javascripts/materialize.js +887 -338
  5. data/app/assets/javascripts/materialize.min.js +5 -5
  6. data/app/assets/javascripts/materialize/animation.js +0 -0
  7. data/app/assets/javascripts/materialize/buttons.js +0 -0
  8. data/app/assets/javascripts/materialize/cards.js +0 -3
  9. data/app/assets/javascripts/materialize/carousel.js +150 -46
  10. data/app/assets/javascripts/materialize/character_counter.js +0 -0
  11. data/app/assets/javascripts/materialize/chips.js +262 -4
  12. data/app/assets/javascripts/materialize/collapsible.js +0 -0
  13. data/app/assets/javascripts/materialize/date_picker/picker.date.js +0 -0
  14. data/app/assets/javascripts/materialize/date_picker/picker.js +0 -0
  15. data/app/assets/javascripts/materialize/dropdown.js +206 -178
  16. data/app/assets/javascripts/materialize/extras/nouislider.js +0 -0
  17. data/app/assets/javascripts/materialize/extras/nouislider.min.js +0 -0
  18. data/app/assets/javascripts/materialize/forms.js +94 -9
  19. data/app/assets/javascripts/materialize/global.js +0 -0
  20. data/app/assets/javascripts/materialize/hammer.min.js +0 -0
  21. data/app/assets/javascripts/materialize/init.js +21 -3
  22. data/app/assets/javascripts/materialize/initial.js +0 -0
  23. data/app/assets/javascripts/materialize/jquery.easing.1.3.js +0 -0
  24. data/app/assets/javascripts/materialize/jquery.timeago.min.js +0 -0
  25. data/app/assets/javascripts/materialize/leanModal.js +11 -10
  26. data/app/assets/javascripts/materialize/materialbox.js +0 -0
  27. data/app/assets/javascripts/materialize/parallax.js +0 -0
  28. data/app/assets/javascripts/materialize/prism.js +0 -0
  29. data/app/assets/javascripts/materialize/pushpin.js +15 -1
  30. data/app/assets/javascripts/materialize/scrollFire.js +2 -2
  31. data/app/assets/javascripts/materialize/scrollspy.js +7 -8
  32. data/app/assets/javascripts/materialize/sideNav.js +15 -7
  33. data/app/assets/javascripts/materialize/slider.js +1 -1
  34. data/app/assets/javascripts/materialize/tabs.js +15 -2
  35. data/app/assets/javascripts/materialize/toasts.js +0 -0
  36. data/app/assets/javascripts/materialize/tooltip.js +86 -59
  37. data/app/assets/javascripts/materialize/transitions.js +20 -5
  38. data/app/assets/javascripts/materialize/velocity.min.js +0 -0
  39. data/app/assets/javascripts/materialize/waves.js +0 -0
  40. data/app/assets/stylesheets/materialize/components/_buttons.scss +15 -1
  41. data/app/assets/stylesheets/materialize/components/_cards.scss +54 -7
  42. data/app/assets/stylesheets/materialize/components/_carousel.scss +60 -9
  43. data/app/assets/stylesheets/materialize/components/_chips.scss +49 -2
  44. data/app/assets/stylesheets/materialize/components/_collapsible.scss +3 -3
  45. data/app/assets/stylesheets/materialize/components/_color.scss +1 -1
  46. data/app/assets/stylesheets/materialize/components/_global.scss +7 -8
  47. data/app/assets/stylesheets/materialize/components/_grid.scss +1 -0
  48. data/app/assets/stylesheets/materialize/components/_navbar.scss +15 -4
  49. data/app/assets/stylesheets/materialize/components/_sideNav.scss +93 -8
  50. data/app/assets/stylesheets/materialize/components/_tooltip.scss +20 -22
  51. data/app/assets/stylesheets/materialize/components/_variables.scss +11 -7
  52. data/app/assets/stylesheets/materialize/components/_waves.scss +5 -1
  53. data/app/assets/stylesheets/materialize/components/forms/_checkboxes.scss +0 -0
  54. data/app/assets/stylesheets/materialize/components/forms/_file-input.scss +0 -0
  55. data/app/assets/stylesheets/materialize/components/forms/_forms.scss +0 -0
  56. data/app/assets/stylesheets/materialize/components/forms/_input-fields.scss +23 -4
  57. data/app/assets/stylesheets/materialize/components/forms/_radio-buttons.scss +0 -0
  58. data/app/assets/stylesheets/materialize/components/forms/_range.scss +0 -0
  59. data/app/assets/stylesheets/materialize/components/forms/_select.scss +0 -0
  60. data/app/assets/stylesheets/materialize/components/forms/_switches.scss +0 -0
  61. data/app/assets/stylesheets/materialize/extras/nouislider.css +0 -0
  62. data/lib/materialize-sass/version.rb +1 -1
  63. metadata +3 -3
@@ -1,6 +1,6 @@
1
1
  .side-nav {
2
2
  position: fixed;
3
- width: 240px;
3
+ width: 300px;
4
4
  left: 0;
5
5
  top: 0;
6
6
  margin: 0;
@@ -42,10 +42,11 @@
42
42
  a {
43
43
  color: $sidenav-font-color;
44
44
  display: block;
45
- font-size: 1rem;
45
+ font-size: $sidenav-font-size;
46
+ font-weight: 500;
46
47
  height: $sidenav-item-height;
47
48
  line-height: $sidenav-item-height;
48
- padding: 0 $sidenav-padding-right;
49
+ padding: 0 ($sidenav-padding * 2);
49
50
 
50
51
  &:hover { background-color: rgba(0,0,0,.05);}
51
52
 
@@ -62,6 +63,80 @@
62
63
  &.btn-large:hover { background-color: lighten($button-raised-background, 5%); }
63
64
  &.btn-floating:hover { background-color: $button-raised-background; }
64
65
  }
66
+
67
+ li > a > i,
68
+ li > a > [class^="mdi-"], li > a > [class*="mdi-"],
69
+ li > a > i.material-icons {
70
+ float: left;
71
+ line-height: $sidenav-item-height;
72
+ margin: 0 ($sidenav-padding * 2) 0 0;
73
+ width: $sidenav-item-height / 2;
74
+ color: rgba(0,0,0,.54);
75
+ }
76
+
77
+ .divider {
78
+ margin: ($sidenav-padding / 2) 0 0 0;
79
+ }
80
+
81
+ .subheader {
82
+ &:hover {
83
+ background-color: transparent;
84
+ }
85
+
86
+ cursor: initial;
87
+ pointer-events: none;
88
+ color: rgba(0,0,0,.54);
89
+ font-size: $sidenav-font-size;
90
+ font-weight: 500;
91
+ line-height: $sidenav-item-height;
92
+ }
93
+
94
+ .userView {
95
+ overflow: hidden;
96
+ position: relative;
97
+ padding: ($sidenav-padding * 2) ($sidenav-padding * 2) 0;
98
+ margin-bottom: $sidenav-padding / 2;
99
+
100
+ a {
101
+ &:hover { background-color: transparent; }
102
+ height: auto;
103
+ padding: 0;
104
+ }
105
+
106
+ .background {
107
+ position: absolute;
108
+ top: 0;
109
+ right: 0;
110
+ bottom: 0;
111
+ left: 0;
112
+ z-index: -1;
113
+ }
114
+
115
+ .circle, .name, .email {
116
+ display: block;
117
+ }
118
+
119
+ .circle {
120
+ height: 64px;
121
+ width: 64px;
122
+ }
123
+
124
+ .name,
125
+ .email {
126
+ font-weight: $sidenav-font-size;
127
+ line-height: 24px;
128
+ }
129
+
130
+ .name {
131
+ margin-top: 16px;
132
+ font-weight: 500;
133
+ }
134
+
135
+ .email {
136
+ padding-bottom: 16px;
137
+ font-weight: 400;
138
+ }
139
+ }
65
140
  }
66
141
 
67
142
 
@@ -79,7 +154,7 @@
79
154
  .side-nav.fixed {
80
155
  a {
81
156
  display: block;
82
- padding: 0 $sidenav-padding-right;
157
+ padding: 0 $sidenav-padding;
83
158
  color: $sidenav-font-color;
84
159
  }
85
160
  }
@@ -100,11 +175,21 @@
100
175
 
101
176
  // Fixed sideNav hide on smaller
102
177
  @media #{$medium-and-down} {
103
- .side-nav.fixed {
104
- transform: translateX(-105%);
178
+ .side-nav {
179
+ &.fixed {
180
+ transform: translateX(-105%);
181
+
182
+ &.right-aligned {
183
+ transform: translateX(105%);
184
+ }
185
+ }
186
+
187
+ a {
188
+ padding: 0 $sidenav-padding;
189
+ }
105
190
 
106
- &.right-aligned {
107
- transform: translateX(105%);
191
+ .userView {
192
+ padding: $sidenav-padding $sidenav-padding 0;
108
193
  }
109
194
  }
110
195
  }
@@ -1,22 +1,21 @@
1
1
  .material-tooltip {
2
- padding: 10px 8px;
3
- font-size: 1rem;
4
- z-index: 2000;
5
- background-color: transparent;
6
- border-radius: 2px;
7
- color: #fff;
8
- min-height: 36px;
9
- line-height: 120%;
10
- opacity: 0;
11
- display: none;
12
- position: absolute;
13
- text-align: center;
14
- max-width: calc(100% - 4px);
15
- overflow: hidden;
16
- left:0;
17
- top:0;
18
- pointer-events: none;
19
- will-change: top, left;
2
+ padding: 10px 8px;
3
+ font-size: 1rem;
4
+ z-index: 2000;
5
+ background-color: transparent;
6
+ border-radius: 2px;
7
+ color: #fff;
8
+ min-height: 36px;
9
+ line-height: 120%;
10
+ opacity: 0;
11
+ display: none;
12
+ position: absolute;
13
+ text-align: center;
14
+ max-width: calc(100% - 4px);
15
+ overflow: hidden;
16
+ left: 0;
17
+ top: 0;
18
+ pointer-events: none;
20
19
  }
21
20
 
22
21
  .backdrop {
@@ -25,10 +24,9 @@
25
24
  display: none;
26
25
  height: 7px;
27
26
  width: 14px;
28
- border-radius: 0 0 14px 14px;
27
+ border-radius: 0 0 50% 50%;
29
28
  background-color: #323232;
30
29
  z-index: -1;
31
- transform-origin: 50% 10%;
32
-
33
- will-change: transform, opacity;
30
+ transform-origin: 50% 0%;
31
+ transform: translate3d(0,0,0);
34
32
  }
@@ -107,13 +107,16 @@ $collapsible-border-color: #ddd !default;
107
107
  ========================================================================== */
108
108
 
109
109
  $chip-bg-color: #e4e4e4 !default;
110
+ $chip-border-color: #9e9e9e !default;
111
+ $chip-selected-color: #26a69a !default;
112
+ $chip-margin: 5px !default;
110
113
 
111
114
 
112
115
  /* 7. Date Picker
113
116
  ========================================================================== */
114
117
 
115
- $datepicker-weekday-bg: darken($secondary_color, 7%) !default;
116
- $datepicker-date-bg: $secondary_color !default;
118
+ $datepicker-weekday-bg: darken($secondary-color, 7%) !default;
119
+ $datepicker-date-bg: $secondary-color !default;
117
120
  $datepicker-year: rgba(255, 255, 255, .4) !default;
118
121
  $datepicker-focus: rgba(0,0,0, .05) !default;
119
122
  $datepicker-selected: $secondary-color !default;
@@ -147,7 +150,7 @@ $input-error-color: $error-color !default;
147
150
  $input-success-color: $success-color !default;
148
151
  $input-focus-color: $secondary-color !default;
149
152
  $input-font-size: 1rem !default;
150
- $input-margin: 0 0 15px 0 !default;
153
+ $input-margin: 0 0 20px 0 !default;
151
154
  $input-padding: 0 !default;
152
155
  $input-transition: all .3s !default;
153
156
  $label-font-size: .8rem !default;
@@ -215,17 +218,18 @@ $element-bottom-margin: ($gutter-width*2)/3 !default;
215
218
 
216
219
  $navbar-height: 64px !default;
217
220
  $navbar-height-mobile: 56px !default;
221
+ $navbar-font-size: 1rem !default;
218
222
  $navbar-font-color: #fff !default;
219
223
  $navbar-brand-font-size: 2.1rem !default;
220
224
 
221
-
222
225
  /* 14. Side Navigation
223
226
  ========================================================================== */
224
227
 
225
- $sidenav-font-color: #444 !default;
228
+ $sidenav-font-size: 14px !default;
229
+ $sidenav-font-color: rgba(0,0,0,.87) !default;
226
230
  $sidenav-bg-color: #fff !default;
227
- $sidenav-padding-right: 30px !default;
228
- $sidenav-item-height: 64px !default;
231
+ $sidenav-padding: 16px !default;
232
+ $sidenav-item-height: 48px !default;
229
233
 
230
234
 
231
235
  /* 15. Photo Slider
@@ -90,6 +90,10 @@
90
90
  background: none;
91
91
  }
92
92
 
93
+ img {
94
+ position: relative;
95
+ z-index: -1;
96
+ }
93
97
  }
94
98
 
95
99
  .waves-notransition {
@@ -168,6 +172,6 @@
168
172
  }
169
173
 
170
174
  /* Firefox Bug: link not triggered */
171
- a.waves-effect .waves-ripple {
175
+ .waves-effect .waves-ripple {
172
176
  z-index: -1;
173
177
  }
@@ -115,7 +115,7 @@ textarea.materialize-textarea {
115
115
  display: block;
116
116
  content: "";
117
117
  position: absolute;
118
- top: 65px;
118
+ top: 60px;
119
119
  opacity: 0;
120
120
  transition: .2s opacity ease-out, .2s color ease-out;
121
121
  }
@@ -165,13 +165,13 @@ textarea.materialize-textarea {
165
165
  .prefix ~ input,
166
166
  .prefix ~ textarea,
167
167
  .prefix ~ label,
168
- .prefix ~ .validate ~ label {
168
+ .prefix ~ .validate ~ label,
169
+ .prefix ~ .autocomplete-content {
169
170
  margin-left: 3rem;
170
171
  width: 92%;
171
172
  width: calc(100% - 3rem);
172
173
  }
173
174
 
174
- .prefix ~ textarea { padding-top: .8rem; }
175
175
  .prefix ~ label { margin-left: 3rem; }
176
176
 
177
177
  @media #{$medium-and-down} {
@@ -238,7 +238,7 @@ textarea {
238
238
 
239
239
  &.materialize-textarea {
240
240
  overflow-y: hidden; /* prevents scroll bar flash */
241
- padding: 1.6rem 0; /* prevents text jump on Enter keypress */
241
+ padding: .8rem 0 1.6rem 0; /* prevents text jump on Enter keypress */
242
242
  resize: none;
243
243
  min-height: $input-height;
244
244
  }
@@ -252,3 +252,22 @@ textarea {
252
252
  overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
253
253
  padding-top: 1.2rem; /* prevents text jump on Enter keypress */
254
254
  }
255
+
256
+
257
+ /* Autocomplete */
258
+ .autocomplete-content {
259
+ margin-top: -15px;
260
+ display: block;
261
+ opacity: 1;
262
+ position: static;
263
+
264
+ li {
265
+ .highlight { color: #444; }
266
+
267
+ img {
268
+ height: $dropdown-item-height - 10;
269
+ width: $dropdown-item-height - 10;
270
+ margin: 5px 15px;
271
+ }
272
+ }
273
+ }
@@ -1,6 +1,6 @@
1
1
  module Materialize
2
2
  module Sass
3
- VERSION = "0.97.6"
3
+ VERSION = "0.97.7"
4
4
  end
5
5
  end
6
6
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: materialize-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.97.6
4
+ version: 0.97.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - mkhairi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-04-13 00:00:00.000000000 Z
11
+ date: 2016-08-02 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -186,7 +186,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
186
186
  version: '0'
187
187
  requirements: []
188
188
  rubyforge_project:
189
- rubygems_version: 2.4.8
189
+ rubygems_version: 2.6.6
190
190
  signing_key:
191
191
  specification_version: 4
192
192
  summary: Materialzecss sass for rails.