materialize-sass 0.97.0 → 1.0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (153) hide show
  1. checksums.yaml +5 -5
  2. data/.gitattributes +1 -0
  3. data/.gitignore +3 -0
  4. data/README.md +48 -10
  5. data/Rakefile +129 -1
  6. data/assets/javascripts/materialize/anime.min.js +417 -0
  7. data/assets/javascripts/materialize/autocomplete.js +504 -0
  8. data/assets/javascripts/materialize/buttons.js +409 -0
  9. data/assets/javascripts/materialize/cards.js +34 -0
  10. data/assets/javascripts/materialize/carousel.js +797 -0
  11. data/assets/javascripts/materialize/cash.js +990 -0
  12. data/assets/javascripts/materialize/characterCounter.js +180 -0
  13. data/assets/javascripts/materialize/chips.js +564 -0
  14. data/assets/javascripts/materialize/collapsible.js +337 -0
  15. data/assets/javascripts/materialize/component.js +57 -0
  16. data/assets/javascripts/materialize/datepicker.js +935 -0
  17. data/assets/javascripts/materialize/dropdown.js +659 -0
  18. data/assets/javascripts/materialize/extras/nouislider.js +2147 -0
  19. data/assets/javascripts/materialize/extras/nouislider.min.js +1 -0
  20. data/assets/javascripts/materialize/forms.js +244 -0
  21. data/assets/javascripts/materialize/global.js +408 -0
  22. data/assets/javascripts/materialize/materialbox.js +513 -0
  23. data/assets/javascripts/materialize/modal.js +449 -0
  24. data/assets/javascripts/materialize/parallax.js +173 -0
  25. data/assets/javascripts/materialize/pushpin.js +179 -0
  26. data/assets/javascripts/materialize/range.js +310 -0
  27. data/assets/javascripts/materialize/scrollspy.js +328 -0
  28. data/assets/javascripts/materialize/select.js +497 -0
  29. data/assets/javascripts/materialize/sidenav.js +655 -0
  30. data/assets/javascripts/materialize/slider.js +424 -0
  31. data/assets/javascripts/materialize/tabs.js +476 -0
  32. data/assets/javascripts/materialize/tapTarget.js +364 -0
  33. data/assets/javascripts/materialize/timepicker.js +647 -0
  34. data/assets/javascripts/materialize/toasts.js +355 -0
  35. data/assets/javascripts/materialize/tooltip.js +351 -0
  36. data/{app/assets → assets}/javascripts/materialize/waves.js +42 -47
  37. data/assets/javascripts/materialize-sprockets.js +29 -0
  38. data/assets/javascripts/materialize.js +12374 -0
  39. data/assets/stylesheets/materialize/components/_badges.scss +55 -0
  40. data/assets/stylesheets/materialize/components/_buttons.scss +322 -0
  41. data/{app/assets → assets}/stylesheets/materialize/components/_cards.scss +72 -29
  42. data/assets/stylesheets/materialize/components/_carousel.scss +90 -0
  43. data/assets/stylesheets/materialize/components/_chips.scss +90 -0
  44. data/{app/assets → assets}/stylesheets/materialize/components/_collapsible.scss +23 -17
  45. data/assets/stylesheets/materialize/components/_color-classes.scss +32 -0
  46. data/{app/assets/stylesheets/materialize/components/_color.scss → assets/stylesheets/materialize/components/_color-variables.scss} +22 -64
  47. data/assets/stylesheets/materialize/components/_datepicker.scss +191 -0
  48. data/assets/stylesheets/materialize/components/_dropdown.scss +85 -0
  49. data/{app/assets → assets}/stylesheets/materialize/components/_global.scss +197 -144
  50. data/{app/assets → assets}/stylesheets/materialize/components/_grid.scss +57 -18
  51. data/assets/stylesheets/materialize/components/_icons-material-design.scss +5 -0
  52. data/{app/assets → assets}/stylesheets/materialize/components/_materialbox.scss +15 -13
  53. data/{app/assets → assets}/stylesheets/materialize/components/_modal.scss +18 -14
  54. data/{app/assets → assets}/stylesheets/materialize/components/_navbar.scss +89 -25
  55. data/assets/stylesheets/materialize/components/_normalize.scss +447 -0
  56. data/{app/assets → assets}/stylesheets/materialize/components/_preloader.scss +5 -3
  57. data/assets/stylesheets/materialize/components/_pulse.scss +34 -0
  58. data/assets/stylesheets/materialize/components/_sidenav.scss +208 -0
  59. data/{app/assets → assets}/stylesheets/materialize/components/_slider.scss +2 -2
  60. data/{app/assets → assets}/stylesheets/materialize/components/_table_of_contents.scss +5 -5
  61. data/assets/stylesheets/materialize/components/_tabs.scss +99 -0
  62. data/assets/stylesheets/materialize/components/_tapTarget.scss +103 -0
  63. data/assets/stylesheets/materialize/components/_timepicker.scss +183 -0
  64. data/{app/assets → assets}/stylesheets/materialize/components/_toast.scss +17 -22
  65. data/assets/stylesheets/materialize/components/_tooltip.scss +32 -0
  66. data/assets/stylesheets/materialize/components/_transitions.scss +13 -0
  67. data/{app/assets → assets}/stylesheets/materialize/components/_typography.scss +11 -9
  68. data/assets/stylesheets/materialize/components/_variables.scss +349 -0
  69. data/assets/stylesheets/materialize/components/_waves.scss +114 -0
  70. data/assets/stylesheets/materialize/components/forms/_checkboxes.scss +200 -0
  71. data/assets/stylesheets/materialize/components/forms/_file-input.scss +44 -0
  72. data/assets/stylesheets/materialize/components/forms/_forms.scss +22 -0
  73. data/assets/stylesheets/materialize/components/forms/_input-fields.scss +354 -0
  74. data/assets/stylesheets/materialize/components/forms/_radio-buttons.scss +115 -0
  75. data/assets/stylesheets/materialize/components/forms/_range.scss +161 -0
  76. data/assets/stylesheets/materialize/components/forms/_select.scss +190 -0
  77. data/assets/stylesheets/materialize/components/forms/_switches.scss +89 -0
  78. data/assets/stylesheets/materialize/extras/nouislider.css +406 -0
  79. data/{app/assets → assets}/stylesheets/materialize.scss +13 -10
  80. data/lib/materialize-sass/engine.rb +11 -6
  81. data/lib/materialize-sass/helpers.rb +38 -0
  82. data/lib/materialize-sass/version.rb +1 -1
  83. data/lib/materialize-sass.rb +13 -28
  84. data/materialize-sass.gemspec +5 -5
  85. metadata +97 -105
  86. data/app/assets/fonts/material-design-icons/LICENSE.txt +0 -428
  87. data/app/assets/fonts/material-design-icons/Material-Design-Icons.eot +0 -0
  88. data/app/assets/fonts/material-design-icons/Material-Design-Icons.svg +0 -769
  89. data/app/assets/fonts/material-design-icons/Material-Design-Icons.ttf +0 -0
  90. data/app/assets/fonts/material-design-icons/Material-Design-Icons.woff +0 -0
  91. data/app/assets/fonts/material-design-icons/Material-Design-Icons.woff2 +0 -0
  92. data/app/assets/fonts/roboto/Roboto-Bold.ttf +0 -0
  93. data/app/assets/fonts/roboto/Roboto-Bold.woff +0 -0
  94. data/app/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
  95. data/app/assets/fonts/roboto/Roboto-Light.ttf +0 -0
  96. data/app/assets/fonts/roboto/Roboto-Light.woff +0 -0
  97. data/app/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
  98. data/app/assets/fonts/roboto/Roboto-Medium.ttf +0 -0
  99. data/app/assets/fonts/roboto/Roboto-Medium.woff +0 -0
  100. data/app/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
  101. data/app/assets/fonts/roboto/Roboto-Regular.ttf +0 -0
  102. data/app/assets/fonts/roboto/Roboto-Regular.woff +0 -0
  103. data/app/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
  104. data/app/assets/fonts/roboto/Roboto-Thin.ttf +0 -0
  105. data/app/assets/fonts/roboto/Roboto-Thin.woff +0 -0
  106. data/app/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
  107. data/app/assets/javascripts/materialize/animation.js +0 -9
  108. data/app/assets/javascripts/materialize/buttons.js +0 -61
  109. data/app/assets/javascripts/materialize/cards.js +0 -27
  110. data/app/assets/javascripts/materialize/character_counter.js +0 -59
  111. data/app/assets/javascripts/materialize/collapsible.js +0 -139
  112. data/app/assets/javascripts/materialize/date_picker/picker.date.js +0 -1430
  113. data/app/assets/javascripts/materialize/date_picker/picker.js +0 -1123
  114. data/app/assets/javascripts/materialize/dropdown.js +0 -178
  115. data/app/assets/javascripts/materialize/forms.js +0 -456
  116. data/app/assets/javascripts/materialize/global.js +0 -36
  117. data/app/assets/javascripts/materialize/hammer.min.js +0 -1
  118. data/app/assets/javascripts/materialize/init.js +0 -136
  119. data/app/assets/javascripts/materialize/jquery.easing.1.3.js +0 -205
  120. data/app/assets/javascripts/materialize/jquery.hammer.js +0 -33
  121. data/app/assets/javascripts/materialize/jquery.timeago.min.js +0 -1
  122. data/app/assets/javascripts/materialize/leanModal.js +0 -178
  123. data/app/assets/javascripts/materialize/materialbox.js +0 -249
  124. data/app/assets/javascripts/materialize/parallax.js +0 -58
  125. data/app/assets/javascripts/materialize/prism.js +0 -8
  126. data/app/assets/javascripts/materialize/pushpin.js +0 -62
  127. data/app/assets/javascripts/materialize/scrollFire.js +0 -44
  128. data/app/assets/javascripts/materialize/scrollspy.js +0 -284
  129. data/app/assets/javascripts/materialize/sideNav.js +0 -312
  130. data/app/assets/javascripts/materialize/slider.js +0 -301
  131. data/app/assets/javascripts/materialize/tabs.js +0 -136
  132. data/app/assets/javascripts/materialize/toasts.js +0 -125
  133. data/app/assets/javascripts/materialize/tooltip.js +0 -166
  134. data/app/assets/javascripts/materialize/transitions.js +0 -154
  135. data/app/assets/javascripts/materialize/velocity.min.js +0 -4
  136. data/app/assets/javascripts/materialize-sprockets.js +0 -27
  137. data/app/assets/javascripts/materialize.js +0 -6159
  138. data/app/assets/stylesheets/materialize/components/_buttons.scss +0 -157
  139. data/app/assets/stylesheets/materialize/components/_dropdown.scss +0 -40
  140. data/app/assets/stylesheets/materialize/components/_form.scss +0 -886
  141. data/app/assets/stylesheets/materialize/components/_icons-material-design.scss +0 -3257
  142. data/app/assets/stylesheets/materialize/components/_mixins.scss +0 -5
  143. data/app/assets/stylesheets/materialize/components/_normalize.scss +0 -427
  144. data/app/assets/stylesheets/materialize/components/_prefixer.scss +0 -376
  145. data/app/assets/stylesheets/materialize/components/_roboto.scss +0 -38
  146. data/app/assets/stylesheets/materialize/components/_sideNav.scss +0 -111
  147. data/app/assets/stylesheets/materialize/components/_tabs.scss +0 -47
  148. data/app/assets/stylesheets/materialize/components/_tooltip.scss +0 -34
  149. data/app/assets/stylesheets/materialize/components/_variables.scss +0 -152
  150. data/app/assets/stylesheets/materialize/components/_waves.scss +0 -167
  151. data/app/assets/stylesheets/materialize/components/date_picker/_default.date.scss +0 -435
  152. data/app/assets/stylesheets/materialize/components/date_picker/_default.scss +0 -201
  153. data/app/assets/stylesheets/materialize/components/date_picker/_default.time.scss +0 -125
@@ -1,9 +0,0 @@
1
- // Custom Easing
2
- jQuery.extend( jQuery.easing,
3
- {
4
- easeInOutMaterial: function (x, t, b, c, d) {
5
- if ((t/=d/2) < 1) return c/2*t*t + b;
6
- return c/4*((t-=2)*t*t + 2) + b;
7
- }
8
- });
9
-
@@ -1,61 +0,0 @@
1
- (function ($) {
2
- $(document).ready(function() {
3
-
4
- // jQuery reverse
5
- $.fn.reverse = [].reverse;
6
-
7
- $(document).on('mouseenter.fixedActionBtn', '.fixed-action-btn', function(e) {
8
- var $this = $(this);
9
- openFABMenu($this);
10
-
11
- });
12
-
13
- $(document).on('mouseleave.fixedActionBtn', '.fixed-action-btn', function(e) {
14
- var $this = $(this);
15
- closeFABMenu($this);
16
- });
17
-
18
- });
19
-
20
- $.fn.extend({
21
- openFAB: function() {
22
- var $this = $(this);
23
- openFABMenu($this);
24
- },
25
- closeFAB: function() {
26
- closeFABMenu($this);
27
- }
28
- });
29
-
30
-
31
- var openFABMenu = function (btn) {
32
- $this = btn;
33
- if ($this.hasClass('active') === false) {
34
- $this.addClass('active');
35
- $this.find('ul .btn-floating').velocity(
36
- { scaleY: ".4", scaleX: ".4", translateY: "40px"},
37
- { duration: 0 });
38
-
39
- var time = 0;
40
- $this.find('ul .btn-floating').reverse().each(function () {
41
- $(this).velocity(
42
- { opacity: "1", scaleX: "1", scaleY: "1", translateY: "0"},
43
- { duration: 80, delay: time });
44
- time += 40;
45
- });
46
- }
47
- };
48
-
49
- var closeFABMenu = function (btn) {
50
- $this = btn;
51
- $this.removeClass('active');
52
- var time = 0;
53
- $this.find('ul .btn-floating').velocity("stop", true);
54
- $this.find('ul .btn-floating').velocity(
55
- { opacity: "0", scaleX: ".4", scaleY: ".4", translateY: "40px"},
56
- { duration: 80 }
57
- );
58
- };
59
-
60
-
61
- }( jQuery ));
@@ -1,27 +0,0 @@
1
- (function ($) {
2
- $(document).ready(function() {
3
-
4
- $(document).on('click.card', '.card', function (e) {
5
- if ($(this).find('.card-reveal').length) {
6
- if ($(e.target).is($('.card-reveal .card-title')) || $(e.target).is($('.card-reveal .card-title i'))) {
7
- // Make Reveal animate down and display none
8
- $(this).find('.card-reveal').velocity(
9
- {translateY: 0}, {
10
- duration: 225,
11
- queue: false,
12
- easing: 'easeInOutQuad',
13
- complete: function() { $(this).css({ display: 'none'}); }
14
- }
15
- );
16
- }
17
- else if ($(e.target).is($('.card .activator')) ||
18
- $(e.target).is($('.card .activator i')) ) {
19
- $(this).find('.card-reveal').css({ display: 'block'}).velocity("stop", false).velocity({translateY: '-100%'}, {duration: 300, queue: false, easing: 'easeInOutQuad'});
20
- }
21
- }
22
-
23
-
24
- });
25
-
26
- });
27
- }( jQuery ));
@@ -1,59 +0,0 @@
1
- (function ($) {
2
-
3
- $.fn.characterCounter = function(){
4
- return this.each(function(){
5
-
6
- var itHasLengthAttribute = $(this).attr('length') !== undefined;
7
-
8
- if(itHasLengthAttribute){
9
- $(this).on('input', updateCounter);
10
- $(this).on('focus', updateCounter);
11
- $(this).on('blur', removeCounterElement);
12
-
13
- addCounterElement($(this));
14
- }
15
-
16
- });
17
- };
18
-
19
- function updateCounter(){
20
- var maxLength = +$(this).attr('length'),
21
- actualLength = +$(this).val().length,
22
- isValidLength = actualLength <= maxLength;
23
-
24
- $(this).parent().find('span[class="character-counter"]')
25
- .html( actualLength + '/' + maxLength);
26
-
27
- addInputStyle(isValidLength, $(this));
28
- }
29
-
30
- function addCounterElement($input){
31
- var $counterElement = $('<span/>')
32
- .addClass('character-counter')
33
- .css('float','right')
34
- .css('font-size','12px')
35
- .css('height', 1);
36
-
37
- $input.parent().append($counterElement);
38
- }
39
-
40
- function removeCounterElement(){
41
- $(this).parent().find('span[class="character-counter"]').html('');
42
- }
43
-
44
- function addInputStyle(isValidLength, $input){
45
- var inputHasInvalidClass = $input.hasClass('invalid');
46
- if (isValidLength && inputHasInvalidClass) {
47
- $input.removeClass('invalid');
48
- }
49
- else if(!isValidLength && !inputHasInvalidClass){
50
- $input.removeClass('valid');
51
- $input.addClass('invalid');
52
- }
53
- }
54
-
55
- $(document).ready(function(){
56
- $('input, textarea').characterCounter();
57
- });
58
-
59
- }( jQuery ));
@@ -1,139 +0,0 @@
1
- (function ($) {
2
- $.fn.collapsible = function(options) {
3
- var defaults = {
4
- accordion: undefined
5
- };
6
-
7
- options = $.extend(defaults, options);
8
-
9
-
10
- return this.each(function() {
11
-
12
- var $this = $(this);
13
-
14
- var $panel_headers = $(this).find('> li > .collapsible-header');
15
-
16
- var collapsible_type = $this.data("collapsible");
17
-
18
- // Turn off any existing event handlers
19
- $this.off('click.collapse', '.collapsible-header');
20
- $panel_headers.off('click.collapse');
21
-
22
-
23
- /****************
24
- Helper Functions
25
- ****************/
26
-
27
- // Accordion Open
28
- function accordionOpen(object) {
29
- $panel_headers = $this.find('> li > .collapsible-header');
30
- if (object.hasClass('active')) {
31
- object.parent().addClass('active');
32
- }
33
- else {
34
- object.parent().removeClass('active');
35
- }
36
- if (object.parent().hasClass('active')){
37
- object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
38
- }
39
- else{
40
- object.siblings('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
41
- }
42
-
43
- $panel_headers.not(object).removeClass('active').parent().removeClass('active');
44
- $panel_headers.not(object).parent().children('.collapsible-body').stop(true,false).slideUp(
45
- {
46
- duration: 350,
47
- easing: "easeOutQuart",
48
- queue: false,
49
- complete:
50
- function() {
51
- $(this).css('height', '');
52
- }
53
- });
54
- }
55
-
56
- // Expandable Open
57
- function expandableOpen(object) {
58
- if (object.hasClass('active')) {
59
- object.parent().addClass('active');
60
- }
61
- else {
62
- object.parent().removeClass('active');
63
- }
64
- if (object.parent().hasClass('active')){
65
- object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
66
- }
67
- else{
68
- object.siblings('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
69
- }
70
- }
71
-
72
- /**
73
- * Check if object is children of panel header
74
- * @param {Object} object Jquery object
75
- * @return {Boolean} true if it is children
76
- */
77
- function isChildrenOfPanelHeader(object) {
78
-
79
- var panelHeader = getPanelHeader(object);
80
-
81
- return panelHeader.length > 0;
82
- }
83
-
84
- /**
85
- * Get panel header from a children element
86
- * @param {Object} object Jquery object
87
- * @return {Object} panel header object
88
- */
89
- function getPanelHeader(object) {
90
-
91
- return object.closest('li > .collapsible-header');
92
- }
93
-
94
- /***** End Helper Functions *****/
95
-
96
-
97
-
98
- if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) { // Handle Accordion
99
- // Add click handler to only direct collapsible header children
100
- $panel_headers = $this.find('> li > .collapsible-header');
101
- $panel_headers.on('click.collapse', function (e) {
102
- var element = $(e.target);
103
-
104
- if (isChildrenOfPanelHeader(element)) {
105
- element = getPanelHeader(element);
106
- }
107
-
108
- element.toggleClass('active');
109
- accordionOpen(element);
110
- });
111
- // Open first active
112
- accordionOpen($panel_headers.filter('.active').first());
113
- }
114
- else { // Handle Expandables
115
- $panel_headers.each(function () {
116
- // Add click handler to only direct collapsible header children
117
- $(this).on('click.collapse', function (e) {
118
- var element = $(e.target);
119
- if (isChildrenOfPanelHeader(element)) {
120
- element = getPanelHeader(element);
121
- }
122
- element.toggleClass('active');
123
- expandableOpen(element);
124
- });
125
- // Open any bodies that have the active class
126
- if ($(this).hasClass('active')) {
127
- expandableOpen($(this));
128
- }
129
-
130
- });
131
- }
132
-
133
- });
134
- };
135
-
136
- $(document).ready(function(){
137
- $('.collapsible').collapsible();
138
- });
139
- }( jQuery ));