materialize-sass 0.96.1 → 0.96.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/material-design-icons/Material-Design-Icons.eot +0 -0
  3. data/app/assets/fonts/material-design-icons/Material-Design-Icons.svg +760 -742
  4. data/app/assets/fonts/material-design-icons/Material-Design-Icons.ttf +0 -0
  5. data/app/assets/fonts/material-design-icons/Material-Design-Icons.woff +0 -0
  6. data/app/assets/fonts/material-design-icons/Material-Design-Icons.woff2 +0 -0
  7. data/app/assets/javascripts/materialize.js +4 -6022
  8. data/app/assets/javascripts/materialize/cards.js +1 -1
  9. data/app/assets/javascripts/materialize/character_counter.js +1 -1
  10. data/app/assets/javascripts/materialize/collapsible.js +6 -6
  11. data/app/assets/javascripts/materialize/dropdown.js +10 -10
  12. data/app/assets/javascripts/materialize/forms.js +29 -19
  13. data/app/assets/javascripts/materialize/global.js +7 -2
  14. data/app/assets/javascripts/materialize/init.js +3 -4
  15. data/app/assets/javascripts/materialize/leanModal.js +56 -31
  16. data/app/assets/javascripts/materialize/materialbox.js +10 -10
  17. data/app/assets/javascripts/materialize/scrollFire.js +3 -28
  18. data/app/assets/javascripts/materialize/sideNav.js +31 -54
  19. data/app/assets/javascripts/materialize/slider.js +246 -200
  20. data/app/assets/javascripts/materialize/tabs.js +9 -2
  21. data/app/assets/javascripts/materialize/toasts.js +7 -3
  22. data/app/assets/javascripts/materialize/tooltip.js +7 -7
  23. data/app/assets/javascripts/materialize/transitions.js +2 -2
  24. data/app/assets/stylesheets/materialize/components/_buttons.scss +6 -0
  25. data/app/assets/stylesheets/materialize/components/_collapsible.scss +4 -7
  26. data/app/assets/stylesheets/materialize/components/_color.scss +1 -1
  27. data/app/assets/stylesheets/materialize/components/_dropdown.scss +7 -5
  28. data/app/assets/stylesheets/materialize/components/_form.scss +43 -6
  29. data/app/assets/stylesheets/materialize/components/_global.scss +32 -25
  30. data/app/assets/stylesheets/materialize/components/_icons-material-design.scss +3231 -757
  31. data/app/assets/stylesheets/materialize/components/_modal.scss +7 -5
  32. data/app/assets/stylesheets/materialize/components/_navbar.scss +6 -5
  33. data/app/assets/stylesheets/materialize/components/_slider.scss +1 -1
  34. data/app/assets/stylesheets/materialize/components/_tabs.scss +5 -0
  35. data/app/assets/stylesheets/materialize/components/_tooltip.scss +1 -1
  36. data/app/assets/stylesheets/materialize/components/_typography.scss +1 -3
  37. data/app/assets/stylesheets/materialize/components/_variables.scss +2 -1
  38. data/app/assets/stylesheets/materialize/components/date_picker/_default.scss +5 -5
  39. data/lib/materialize-sass/engine.rb +1 -1
  40. data/lib/materialize-sass/version.rb +1 -1
  41. metadata +3 -3
@@ -11,7 +11,6 @@
11
11
  width: 55%;
12
12
  margin: auto;
13
13
  overflow-y: auto;
14
- z-index: 1000;
15
14
 
16
15
  border-radius: 2px;
17
16
  @include transform(translate(0));
@@ -28,6 +27,9 @@
28
27
  .modal-content {
29
28
  padding: 24px;
30
29
  }
30
+ .modal-close {
31
+ cursor: pointer;
32
+ }
31
33
 
32
34
  .modal-footer {
33
35
  border-radius: 0 0 2px 2px;
@@ -42,14 +44,14 @@
42
44
  }
43
45
  }
44
46
  }
45
- #lean-overlay {
47
+ .lean-overlay {
46
48
  position: fixed;
47
49
  z-index:999;
48
- top: 0;
50
+ top: -100px;
49
51
  left: 0;
50
52
  bottom: 0;
51
53
  right: 0;
52
- height: 115%;
54
+ height: 125%;
53
55
  width: 100%;
54
56
  background: #000;
55
57
  display: none;
@@ -86,4 +88,4 @@
86
88
  max-height: 45%;
87
89
  border-radius: 0;
88
90
  will-change: bottom, opacity;
89
- }
91
+ }
@@ -1,12 +1,12 @@
1
1
  nav {
2
- color: #fff;
2
+ color: $navbar-font-color;
3
3
  @extend .z-depth-1;
4
4
  background-color: $primary-color;
5
5
  width: 100%;
6
6
  height: $navbar-height-mobile;
7
7
  line-height: $navbar-height-mobile;
8
8
 
9
- a { color: #fff; }
9
+ a { color: $navbar-font-color; }
10
10
 
11
11
  .nav-wrapper {
12
12
  position: relative;
@@ -41,10 +41,11 @@ nav {
41
41
  // Logo
42
42
  .brand-logo {
43
43
  position: absolute;
44
- color: #fff;
44
+ color: $navbar-font-color;
45
45
  display: inline-block;
46
- font-size: 2.1rem;
46
+ font-size: $navbar-brand-font-size;
47
47
  padding: 0;
48
+ white-space: nowrap;
48
49
 
49
50
  &.center {
50
51
  left: 50%;
@@ -78,7 +79,7 @@ nav {
78
79
  }
79
80
  a {
80
81
  font-size: 1rem;
81
- color: #fff;
82
+ color: $navbar-font-color;
82
83
  display: block;
83
84
  padding: 0 15px;
84
85
  }
@@ -1,6 +1,6 @@
1
1
  .slider {
2
2
  position: relative;
3
- height: 440px;
3
+ height: 400px;
4
4
  width: 100%;
5
5
 
6
6
  // Fullscreen slider
@@ -28,6 +28,11 @@
28
28
  color: lighten($tabs-text-color, 20%);
29
29
  }
30
30
  }
31
+
32
+ &.disabled a {
33
+ color: lighten($tabs-text-color, 20%);
34
+ cursor: default;
35
+ }
31
36
  }
32
37
  .indicator {
33
38
  position: absolute;
@@ -1,7 +1,7 @@
1
1
  .material-tooltip {
2
2
  padding: 10px 8px;
3
3
  font-size: 1rem;
4
- z-index: 1000;
4
+ z-index: 2000;
5
5
  background-color: transparent;
6
6
  border-radius: 2px;
7
7
  color: #fff;
@@ -23,6 +23,7 @@ html{
23
23
  }
24
24
  h1, h2, h3, h4, h5, h6 {
25
25
  font-weight: 400;
26
+ line-height: 1.1;
26
27
  }
27
28
 
28
29
  // Header Styles
@@ -48,9 +49,6 @@ small { font-size: 75%; }
48
49
  @media only screen and (min-width : 360 + ($i * $interval-size)) {
49
50
  font-size: 1.2rem * (1 + (.02 * $i));
50
51
  }
51
- @media only screen and (min-width : 0 + ($i * $interval-size)) {
52
- line-height: .8rem * (1 + (.13 * $i));
53
- }
54
52
  $i: $i + 1;
55
53
  }
56
54
  }
@@ -94,7 +94,8 @@ $element-bottom-margin: ($gutter-width*2)/3 !default;
94
94
  /*** Navbar ***/
95
95
  $navbar-height: 64px !default;
96
96
  $navbar-height-mobile: 56px !default;
97
-
97
+ $navbar-font-color: #fff;
98
+ $navbar-brand-font-size: 2.1rem;
98
99
 
99
100
  /*** SideNav ***/
100
101
 
@@ -71,11 +71,11 @@
71
71
  position: absolute;
72
72
  margin: 0 auto;
73
73
  min-width: 256px;
74
-
74
+
75
75
  // picker width
76
- max-width: 300px;
76
+ width: 300px;
77
77
  max-height: 350px;
78
-
78
+
79
79
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
80
80
  filter: alpha(opacity=0);
81
81
  -moz-opacity: 0;
@@ -126,10 +126,10 @@
126
126
  @media (min-height: 28.875em) {
127
127
  .picker__box {
128
128
  display: block;
129
-
129
+
130
130
  // picker header font-size
131
131
  // font-size: 1rem;
132
-
132
+
133
133
  border: 1px solid #777777;
134
134
  border-top-color: #898989;
135
135
  border-bottom-width: 0;
@@ -6,7 +6,7 @@ module Materialize
6
6
  app.config.assets.paths << root.join('app/assets', sub).to_s
7
7
  end
8
8
  app.config.assets.precompile << %r(material-design-icons/Material-Design-Icons\.(?:eot|svg|ttf|woff2?)$)
9
- app.config.assets.precompile << %r(roboto/Roboto-Bold\.(?:eot|svg|ttf|woff2?)$)
9
+ app.config.assets.precompile << %r(roboto/Roboto-[\w-]+\.(?:eot|svg|ttf|woff2?)$)
10
10
  end
11
11
  end
12
12
  end
@@ -1,6 +1,6 @@
1
1
  module Materialize
2
2
  module Sass
3
- VERSION = "0.96.1"
3
+ VERSION = "0.96.2"
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.96.1
4
+ version: 0.96.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - mkhairi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-04-07 00:00:00.000000000 Z
11
+ date: 2015-05-05 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -171,7 +171,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
171
171
  version: '0'
172
172
  requirements: []
173
173
  rubyforge_project:
174
- rubygems_version: 2.4.4
174
+ rubygems_version: 2.4.5
175
175
  signing_key:
176
176
  specification_version: 4
177
177
  summary: Materialzecss sass for rails.