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.
- checksums.yaml +5 -5
- data/.gitattributes +1 -0
- data/.gitignore +3 -0
- data/README.md +48 -10
- data/Rakefile +129 -1
- data/assets/javascripts/materialize/anime.min.js +417 -0
- data/assets/javascripts/materialize/autocomplete.js +504 -0
- data/assets/javascripts/materialize/buttons.js +409 -0
- data/assets/javascripts/materialize/cards.js +34 -0
- data/assets/javascripts/materialize/carousel.js +797 -0
- data/assets/javascripts/materialize/cash.js +990 -0
- data/assets/javascripts/materialize/characterCounter.js +180 -0
- data/assets/javascripts/materialize/chips.js +564 -0
- data/assets/javascripts/materialize/collapsible.js +337 -0
- data/assets/javascripts/materialize/component.js +57 -0
- data/assets/javascripts/materialize/datepicker.js +935 -0
- data/assets/javascripts/materialize/dropdown.js +659 -0
- data/assets/javascripts/materialize/extras/nouislider.js +2147 -0
- data/assets/javascripts/materialize/extras/nouislider.min.js +1 -0
- data/assets/javascripts/materialize/forms.js +244 -0
- data/assets/javascripts/materialize/global.js +408 -0
- data/assets/javascripts/materialize/materialbox.js +513 -0
- data/assets/javascripts/materialize/modal.js +449 -0
- data/assets/javascripts/materialize/parallax.js +173 -0
- data/assets/javascripts/materialize/pushpin.js +179 -0
- data/assets/javascripts/materialize/range.js +310 -0
- data/assets/javascripts/materialize/scrollspy.js +328 -0
- data/assets/javascripts/materialize/select.js +497 -0
- data/assets/javascripts/materialize/sidenav.js +655 -0
- data/assets/javascripts/materialize/slider.js +424 -0
- data/assets/javascripts/materialize/tabs.js +476 -0
- data/assets/javascripts/materialize/tapTarget.js +364 -0
- data/assets/javascripts/materialize/timepicker.js +647 -0
- data/assets/javascripts/materialize/toasts.js +355 -0
- data/assets/javascripts/materialize/tooltip.js +351 -0
- data/{app/assets → assets}/javascripts/materialize/waves.js +42 -47
- data/assets/javascripts/materialize-sprockets.js +29 -0
- data/assets/javascripts/materialize.js +12374 -0
- data/assets/stylesheets/materialize/components/_badges.scss +55 -0
- data/assets/stylesheets/materialize/components/_buttons.scss +322 -0
- data/{app/assets → assets}/stylesheets/materialize/components/_cards.scss +72 -29
- data/assets/stylesheets/materialize/components/_carousel.scss +90 -0
- data/assets/stylesheets/materialize/components/_chips.scss +90 -0
- data/{app/assets → assets}/stylesheets/materialize/components/_collapsible.scss +23 -17
- data/assets/stylesheets/materialize/components/_color-classes.scss +32 -0
- data/{app/assets/stylesheets/materialize/components/_color.scss → assets/stylesheets/materialize/components/_color-variables.scss} +22 -64
- data/assets/stylesheets/materialize/components/_datepicker.scss +191 -0
- data/assets/stylesheets/materialize/components/_dropdown.scss +85 -0
- data/{app/assets → assets}/stylesheets/materialize/components/_global.scss +197 -144
- data/{app/assets → assets}/stylesheets/materialize/components/_grid.scss +57 -18
- data/assets/stylesheets/materialize/components/_icons-material-design.scss +5 -0
- data/{app/assets → assets}/stylesheets/materialize/components/_materialbox.scss +15 -13
- data/{app/assets → assets}/stylesheets/materialize/components/_modal.scss +18 -14
- data/{app/assets → assets}/stylesheets/materialize/components/_navbar.scss +89 -25
- data/assets/stylesheets/materialize/components/_normalize.scss +447 -0
- data/{app/assets → assets}/stylesheets/materialize/components/_preloader.scss +5 -3
- data/assets/stylesheets/materialize/components/_pulse.scss +34 -0
- data/assets/stylesheets/materialize/components/_sidenav.scss +208 -0
- data/{app/assets → assets}/stylesheets/materialize/components/_slider.scss +2 -2
- data/{app/assets → assets}/stylesheets/materialize/components/_table_of_contents.scss +5 -5
- data/assets/stylesheets/materialize/components/_tabs.scss +99 -0
- data/assets/stylesheets/materialize/components/_tapTarget.scss +103 -0
- data/assets/stylesheets/materialize/components/_timepicker.scss +183 -0
- data/{app/assets → assets}/stylesheets/materialize/components/_toast.scss +17 -22
- data/assets/stylesheets/materialize/components/_tooltip.scss +32 -0
- data/assets/stylesheets/materialize/components/_transitions.scss +13 -0
- data/{app/assets → assets}/stylesheets/materialize/components/_typography.scss +11 -9
- data/assets/stylesheets/materialize/components/_variables.scss +349 -0
- data/assets/stylesheets/materialize/components/_waves.scss +114 -0
- data/assets/stylesheets/materialize/components/forms/_checkboxes.scss +200 -0
- data/assets/stylesheets/materialize/components/forms/_file-input.scss +44 -0
- data/assets/stylesheets/materialize/components/forms/_forms.scss +22 -0
- data/assets/stylesheets/materialize/components/forms/_input-fields.scss +354 -0
- data/assets/stylesheets/materialize/components/forms/_radio-buttons.scss +115 -0
- data/assets/stylesheets/materialize/components/forms/_range.scss +161 -0
- data/assets/stylesheets/materialize/components/forms/_select.scss +190 -0
- data/assets/stylesheets/materialize/components/forms/_switches.scss +89 -0
- data/assets/stylesheets/materialize/extras/nouislider.css +406 -0
- data/{app/assets → assets}/stylesheets/materialize.scss +13 -10
- data/lib/materialize-sass/engine.rb +11 -6
- data/lib/materialize-sass/helpers.rb +38 -0
- data/lib/materialize-sass/version.rb +1 -1
- data/lib/materialize-sass.rb +13 -28
- data/materialize-sass.gemspec +5 -5
- metadata +97 -105
- data/app/assets/fonts/material-design-icons/LICENSE.txt +0 -428
- data/app/assets/fonts/material-design-icons/Material-Design-Icons.eot +0 -0
- data/app/assets/fonts/material-design-icons/Material-Design-Icons.svg +0 -769
- data/app/assets/fonts/material-design-icons/Material-Design-Icons.ttf +0 -0
- data/app/assets/fonts/material-design-icons/Material-Design-Icons.woff +0 -0
- data/app/assets/fonts/material-design-icons/Material-Design-Icons.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Bold.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Bold.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Light.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Light.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Medium.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Medium.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Regular.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Regular.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Thin.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Thin.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
- data/app/assets/javascripts/materialize/animation.js +0 -9
- data/app/assets/javascripts/materialize/buttons.js +0 -61
- data/app/assets/javascripts/materialize/cards.js +0 -27
- data/app/assets/javascripts/materialize/character_counter.js +0 -59
- data/app/assets/javascripts/materialize/collapsible.js +0 -139
- data/app/assets/javascripts/materialize/date_picker/picker.date.js +0 -1430
- data/app/assets/javascripts/materialize/date_picker/picker.js +0 -1123
- data/app/assets/javascripts/materialize/dropdown.js +0 -178
- data/app/assets/javascripts/materialize/forms.js +0 -456
- data/app/assets/javascripts/materialize/global.js +0 -36
- data/app/assets/javascripts/materialize/hammer.min.js +0 -1
- data/app/assets/javascripts/materialize/init.js +0 -136
- data/app/assets/javascripts/materialize/jquery.easing.1.3.js +0 -205
- data/app/assets/javascripts/materialize/jquery.hammer.js +0 -33
- data/app/assets/javascripts/materialize/jquery.timeago.min.js +0 -1
- data/app/assets/javascripts/materialize/leanModal.js +0 -178
- data/app/assets/javascripts/materialize/materialbox.js +0 -249
- data/app/assets/javascripts/materialize/parallax.js +0 -58
- data/app/assets/javascripts/materialize/prism.js +0 -8
- data/app/assets/javascripts/materialize/pushpin.js +0 -62
- data/app/assets/javascripts/materialize/scrollFire.js +0 -44
- data/app/assets/javascripts/materialize/scrollspy.js +0 -284
- data/app/assets/javascripts/materialize/sideNav.js +0 -312
- data/app/assets/javascripts/materialize/slider.js +0 -301
- data/app/assets/javascripts/materialize/tabs.js +0 -136
- data/app/assets/javascripts/materialize/toasts.js +0 -125
- data/app/assets/javascripts/materialize/tooltip.js +0 -166
- data/app/assets/javascripts/materialize/transitions.js +0 -154
- data/app/assets/javascripts/materialize/velocity.min.js +0 -4
- data/app/assets/javascripts/materialize-sprockets.js +0 -27
- data/app/assets/javascripts/materialize.js +0 -6159
- data/app/assets/stylesheets/materialize/components/_buttons.scss +0 -157
- data/app/assets/stylesheets/materialize/components/_dropdown.scss +0 -40
- data/app/assets/stylesheets/materialize/components/_form.scss +0 -886
- data/app/assets/stylesheets/materialize/components/_icons-material-design.scss +0 -3257
- data/app/assets/stylesheets/materialize/components/_mixins.scss +0 -5
- data/app/assets/stylesheets/materialize/components/_normalize.scss +0 -427
- data/app/assets/stylesheets/materialize/components/_prefixer.scss +0 -376
- data/app/assets/stylesheets/materialize/components/_roboto.scss +0 -38
- data/app/assets/stylesheets/materialize/components/_sideNav.scss +0 -111
- data/app/assets/stylesheets/materialize/components/_tabs.scss +0 -47
- data/app/assets/stylesheets/materialize/components/_tooltip.scss +0 -34
- data/app/assets/stylesheets/materialize/components/_variables.scss +0 -152
- data/app/assets/stylesheets/materialize/components/_waves.scss +0 -167
- data/app/assets/stylesheets/materialize/components/date_picker/_default.date.scss +0 -435
- data/app/assets/stylesheets/materialize/components/date_picker/_default.scss +0 -201
- data/app/assets/stylesheets/materialize/components/date_picker/_default.time.scss +0 -125
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -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 ));
|