materialize-sass 0.98.0 → 0.98.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 (29) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +16 -2
  3. data/app/assets/javascripts/materialize-sprockets.js +2 -1
  4. data/app/assets/javascripts/materialize.js +4 -4
  5. data/app/assets/javascripts/materialize/carousel.js +4 -2
  6. data/app/assets/javascripts/materialize/chips.js +22 -25
  7. data/app/assets/javascripts/materialize/collapsible.js +22 -8
  8. data/app/assets/javascripts/materialize/dropdown.js +1 -1
  9. data/app/assets/javascripts/materialize/extras/nouislider.js +1 -1
  10. data/app/assets/javascripts/materialize/forms.js +58 -64
  11. data/app/assets/javascripts/materialize/global.js +14 -1
  12. data/app/assets/javascripts/materialize/init.js +8 -6
  13. data/app/assets/javascripts/materialize/materialbox.js +22 -20
  14. data/app/assets/javascripts/materialize/sideNav.js +1 -1
  15. data/app/assets/javascripts/materialize/tabs.js +2 -2
  16. data/app/assets/javascripts/materialize/tapTarget.js +181 -0
  17. data/app/assets/stylesheets/materialize.scss +2 -0
  18. data/app/assets/stylesheets/materialize/components/_buttons.scss +5 -2
  19. data/app/assets/stylesheets/materialize/components/_chips.scss +5 -0
  20. data/app/assets/stylesheets/materialize/components/_dropdown.scss +3 -0
  21. data/app/assets/stylesheets/materialize/components/_grid.scss +40 -9
  22. data/app/assets/stylesheets/materialize/components/_pulse.scss +31 -0
  23. data/app/assets/stylesheets/materialize/components/_sideNav.scss +12 -11
  24. data/app/assets/stylesheets/materialize/components/_tapTarget.scss +105 -0
  25. data/app/assets/stylesheets/materialize/components/_variables.scss +3 -1
  26. data/app/assets/stylesheets/materialize/components/forms/_input-fields.scss +1 -1
  27. data/app/assets/stylesheets/materialize/extras/nouislider.css +1 -1
  28. data/lib/materialize-sass/version.rb +1 -1
  29. metadata +5 -2
@@ -0,0 +1,31 @@
1
+ .pulse {
2
+ &::before {
3
+ content: '';
4
+ display: block;
5
+ position: absolute;
6
+ width: 100%;
7
+ height: 100%;
8
+ background-color: inherit;
9
+ border-radius: inherit;
10
+ transition: opacity .3s, transform .3s;
11
+ animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
12
+ z-index: -1;
13
+ }
14
+
15
+ overflow: initial;
16
+ }
17
+
18
+ @keyframes pulse-animation {
19
+ 0% {
20
+ opacity: 1;
21
+ transform: scale(1);
22
+ }
23
+ 50% {
24
+ opacity: 0;
25
+ transform: scale(1.5);
26
+ }
27
+ 100% {
28
+ opacity: 0;
29
+ transform: scale(1.5);
30
+ }
31
+ }
@@ -38,7 +38,7 @@
38
38
  &.active { background-color: rgba(0,0,0,.05); }
39
39
  }
40
40
 
41
- a {
41
+ li > a {
42
42
  color: $sidenav-font-color;
43
43
  display: block;
44
44
  font-size: $sidenav-font-size;
@@ -61,19 +61,20 @@
61
61
  &.btn:hover,
62
62
  &.btn-large:hover { background-color: lighten($button-raised-background, 5%); }
63
63
  &.btn-floating:hover { background-color: $button-raised-background; }
64
- }
65
64
 
66
- li > a > i,
67
- li > a > [class^="mdi-"], li > a > [class*="mdi-"],
68
- li > a > i.material-icons {
69
- float: left;
70
- height: $sidenav-item-height;
71
- line-height: $sidenav-line-height;
72
- margin: 0 ($sidenav-padding * 2) 0 0;
73
- width: $sidenav-item-height / 2;
74
- color: rgba(0,0,0,.54);
65
+ & > i,
66
+ & > [class^="mdi-"], li > a > [class*="mdi-"],
67
+ & > i.material-icons {
68
+ float: left;
69
+ height: $sidenav-item-height;
70
+ line-height: $sidenav-line-height;
71
+ margin: 0 ($sidenav-padding * 2) 0 0;
72
+ width: $sidenav-item-height / 2;
73
+ color: rgba(0,0,0,.54);
74
+ }
75
75
  }
76
76
 
77
+
77
78
  .divider {
78
79
  margin: ($sidenav-padding / 2) 0 0 0;
79
80
  }
@@ -0,0 +1,105 @@
1
+ .tap-target-wrapper {
2
+ width: 800px;
3
+ height: 800px;
4
+ position: fixed;
5
+ z-index: 1000;
6
+ visibility: hidden;
7
+ transition: visibility 0s .3s;
8
+ }
9
+
10
+ .tap-target-wrapper.open {
11
+ visibility: visible;
12
+ transition: visibility 0s;
13
+
14
+ .tap-target {
15
+ transform: scale(1);
16
+ opacity: .95;
17
+ transition:
18
+ transform .3s cubic-bezier(.42,0,.58,1),
19
+ opacity .3s cubic-bezier(.42,0,.58,1);
20
+ }
21
+
22
+ .tap-target-wave::before {
23
+ transform: scale(1);
24
+ }
25
+ .tap-target-wave::after {
26
+ visibility: visible;
27
+ animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
28
+ transition:
29
+ opacity .3s,
30
+ transform .3s,
31
+ visibility 0s 1s;
32
+ }
33
+ }
34
+
35
+
36
+ .tap-target {
37
+ position: absolute;
38
+ font-size: 1rem;
39
+ border-radius: 50%;
40
+ background-color: $primary-color;
41
+ box-shadow: 0 20px 20px 0 rgba(0,0,0,0.14), 0 10px 50px 0 rgba(0,0,0,0.12), 0 30px 10px -20px rgba(0,0,0,0.2);
42
+ width: 100%;
43
+ height: 100%;
44
+ opacity: 0;
45
+ transform: scale(0);
46
+ transition:
47
+ transform .3s cubic-bezier(.42,0,.58,1),
48
+ opacity .3s cubic-bezier(.42,0,.58,1);
49
+ }
50
+
51
+ @media only screen and (max-width: 600px) {
52
+ .tap-target {
53
+ width: 600px;
54
+ height: 600px;
55
+ }
56
+ }
57
+
58
+
59
+
60
+ .tap-target-content {
61
+ position: relative;
62
+ display: table-cell;
63
+ }
64
+
65
+ .tap-target-wave {
66
+ &::before,
67
+ &::after {
68
+ content: '';
69
+ display: block;
70
+ position: absolute;
71
+ width: 100%;
72
+ height: 100%;
73
+ border-radius: 50%;
74
+ background-color: #ffffff;
75
+ }
76
+ &::before {
77
+ transform: scale(0);
78
+ transition: transform .3s;
79
+ }
80
+ &::after {
81
+ visibility: hidden;
82
+ transition:
83
+ opacity .3s,
84
+ transform .3s,
85
+ visibility 0s;
86
+ z-index: -1;
87
+ }
88
+
89
+ position: absolute;
90
+ border-radius: 50%;
91
+ z-index: 10001;
92
+ }
93
+
94
+ .tap-target-origin {
95
+ top: 50%;
96
+ left: 50%;
97
+ transform: translate(-50%,-50%);
98
+
99
+ z-index: 10002;
100
+ position: absolute !important;
101
+ }
102
+
103
+ .tap-target-origin:not(.btn), .tap-target-origin:not(.btn):hover {
104
+ background: none;
105
+ }
@@ -152,7 +152,8 @@ $input-error-color: $error-color !default;
152
152
  $input-success-color: $success-color !default;
153
153
  $input-focus-color: $secondary-color !default;
154
154
  $input-font-size: 1rem !default;
155
- $input-margin: 0 0 20px 0 !default;
155
+ $input-margin-bottom: 20px;
156
+ $input-margin: 0 0 $input-margin-bottom 0 !default;
156
157
  $input-padding: 0 !default;
157
158
  $input-transition: all .3s !default;
158
159
  $label-font-size: .8rem !default;
@@ -201,6 +202,7 @@ $large-screen: 1200px !default;
201
202
 
202
203
  $medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
203
204
  $large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
205
+ $extra-large-and-up: "only screen and (min-width : #{$large-screen-up})" !default;
204
206
  $small-and-down: "only screen and (max-width : #{$small-screen})" !default;
205
207
  $medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
206
208
  $medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;
@@ -269,7 +269,7 @@ textarea {
269
269
 
270
270
  /* Autocomplete */
271
271
  .autocomplete-content {
272
- margin-top: -15px;
272
+ margin-top: -1 * $input-margin-bottom;
273
273
  display: block;
274
274
  opacity: 1;
275
275
  position: static;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Materialize v0.98.0 (http://materializecss.com)
2
+ * Materialize v0.98.1 (http://materializecss.com)
3
3
  * Copyright 2014-2015 Materialize
4
4
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
5
5
  */
@@ -1,6 +1,6 @@
1
1
  module Materialize
2
2
  module Sass
3
- VERSION = "0.98.0"
3
+ VERSION = "0.98.1"
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.98.0
4
+ version: 0.98.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - mkhairi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-02-13 00:00:00.000000000 Z
11
+ date: 2017-03-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -116,6 +116,7 @@ files:
116
116
  - app/assets/javascripts/materialize/sideNav.js
117
117
  - app/assets/javascripts/materialize/slider.js
118
118
  - app/assets/javascripts/materialize/tabs.js
119
+ - app/assets/javascripts/materialize/tapTarget.js
119
120
  - app/assets/javascripts/materialize/toasts.js
120
121
  - app/assets/javascripts/materialize/tooltip.js
121
122
  - app/assets/javascripts/materialize/transitions.js
@@ -140,11 +141,13 @@ files:
140
141
  - app/assets/stylesheets/materialize/components/_normalize.scss
141
142
  - app/assets/stylesheets/materialize/components/_prefixer.scss
142
143
  - app/assets/stylesheets/materialize/components/_preloader.scss
144
+ - app/assets/stylesheets/materialize/components/_pulse.scss
143
145
  - app/assets/stylesheets/materialize/components/_roboto.scss
144
146
  - app/assets/stylesheets/materialize/components/_sideNav.scss
145
147
  - app/assets/stylesheets/materialize/components/_slider.scss
146
148
  - app/assets/stylesheets/materialize/components/_table_of_contents.scss
147
149
  - app/assets/stylesheets/materialize/components/_tabs.scss
150
+ - app/assets/stylesheets/materialize/components/_tapTarget.scss
148
151
  - app/assets/stylesheets/materialize/components/_toast.scss
149
152
  - app/assets/stylesheets/materialize/components/_tooltip.scss
150
153
  - app/assets/stylesheets/materialize/components/_transitions.scss