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,152 +0,0 @@
1
- /*** Colors ***/
2
- $primary-color: color("materialize-red", "lighten-2") !default;
3
- $primary-color-light: lighten($primary-color, 15%) !default;
4
- $primary-color-dark: darken($primary-color, 15%) !default;
5
-
6
- $secondary-color: color("teal", "lighten-1") !default;
7
- $success-color: color("green", "base") !default;
8
- $error-color: color("red", "base") !default;
9
- $link-color: color("light-blue", "darken-1") !default;
10
-
11
- /*** Badges ***/
12
- $badge-bg-color: $secondary-color !default;
13
-
14
- /*** Buttons ***/
15
- $button-bg-color-disabled: #DFDFDF !default;
16
- $button-color: $secondary-color !default;
17
- $button-color-disabled: #9F9F9F !default;
18
- $button-color-flat: #343434 !default;
19
- $button-color-raised: #fff !default;
20
- $button-floating-size: 37px !default;
21
- $button-height: 36px !default;
22
- $button-font-size-shared: 1.3rem !default;
23
- $button-large-icon-font-size: 1.6rem !default;
24
- $button-line-height: 36px !default;
25
-
26
- /*** Cards ***/
27
- $card-padding: 20px !default;
28
- $card-bg-color: #fff !default;
29
- $card-link-color: color("orange", "accent-2") !default;
30
- $card-link-color-light: lighten($card-link-color, 20%) !default;
31
-
32
- /*** Collapsible ***/
33
- $collapsible-height: 3rem !default;
34
- $collapsible-header-color: #fff !default;
35
- $collapsible-border-color: #ddd !default;
36
-
37
- /*** Dropdown ***/
38
- $dropdown-bg-color: #fff !default;
39
- $dropdown-hover-bg-color: #eee !default;
40
- $dropdown-color: $secondary-color !default;
41
-
42
- /*** Fonts ***/
43
- $roboto-font-path: "roboto/" !default;
44
- $icons-font-path: "material-design-icons/" !default;
45
-
46
- /*** Forms ***/
47
- // Text Inputs + Textarea
48
- $input-border-color: color("grey", "base") !default;
49
- $input-bg-color: #fff !default;
50
- $input-error-color: $error-color !default;
51
- $input-success-color: $success-color !default;
52
- $input-focus-color: $secondary-color !default;
53
- $label-font-size: .8rem !default;
54
- $input-disabled-color: rgba(0,0,0, .26) !default;
55
- $input-disabled-solid-color: #BDBDBD !default;
56
-
57
- // Radio Buttons
58
- $radio-fill-color: $secondary-color !default;
59
- $radio-empty-color: #5a5a5a !default;
60
-
61
- // Switches
62
- $switch-bg-color: $secondary-color !default;
63
- $switch-checked-lever-bg: desaturate(lighten($secondary-color, 25%), 25%) !default;
64
- $switch-unchecked-bg: #F1F1F1 !default;
65
- $switch-unchecked-lever-bg: #818181 !default;
66
-
67
- // Date Picker
68
- $datepicker-weekday-bg: darken($secondary_color, 7%) !default;
69
- $datepicker-date-bg: $secondary_color !default;
70
- $datepicker-year: rgba(255, 255, 255, .4) !default;
71
- $datepicker-focus: rgba(0,0,0, .05) !default;
72
- $datepicker-selected: $secondary-color !default;
73
- $datepicker-selected-outfocus: desaturate(lighten($secondary-color, 35%), 15%) !default;
74
-
75
-
76
- /*** Global ***/
77
- // Media Query Ranges
78
- $small-screen-up: 601px !default;
79
- $medium-screen-up: 993px !default;
80
- $large-screen-up: 1201px !default;
81
- $small-screen: 600px !default;
82
- $medium-screen: 992px !default;
83
- $large-screen: 1200px !default;
84
-
85
- $medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
86
- $large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
87
- $small-and-down: "only screen and (max-width : #{$small-screen})" !default;
88
- $medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
89
- $medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;
90
-
91
- // Grid Variables
92
- $num-cols: 12 !default;
93
- $gutter-width: 1.5rem !default;
94
- $element-top-margin: $gutter-width/3 !default;
95
- $element-bottom-margin: ($gutter-width*2)/3 !default;
96
-
97
- /*** Navbar ***/
98
- $navbar-height: 64px !default;
99
- $navbar-height-mobile: 56px !default;
100
- $navbar-font-color: #fff !default;
101
- $navbar-brand-font-size: 2.1rem !default;
102
-
103
- /*** SideNav ***/
104
- $sidenav-bg-color: #fff !default;
105
- $sidenav-padding-right: 15px !default;
106
-
107
- /*** Photo Slider ***/
108
- $slider-bg-color: color('grey', 'base') !default;
109
- $slider-bg-color-light: color('grey', 'lighten-2') !default;
110
- $slider-indicator-color: color('green', 'base') !default;
111
-
112
- /*** Tabs ***/
113
- $tabs-underline-color: $primary-color-light !default;
114
- $tabs-text-color: $primary-color !default;
115
- $tabs-bg-color: #fff !default;
116
-
117
- /*** Tables ***/
118
- $table-border-color: #d0d0d0 !default;
119
- $table-striped-color: #f2f2f2 !default;
120
-
121
- /*** Toasts ***/
122
- $toast-height: 48px !default;
123
- $toast-color: #323232 !default;
124
- $toast-text-color: #fff !default;
125
-
126
- /*** Typography ***/
127
- $off-black: rgba(0, 0, 0, 0.87) !default;
128
- // Header Styles
129
- $h1-fontsize: 4.2rem !default;
130
- $h2-fontsize: 3.56rem !default;
131
- $h3-fontsize: 2.92rem !default;
132
- $h4-fontsize: 2.28rem !default;
133
- $h5-fontsize: 1.64rem !default;
134
- $h6-fontsize: 1rem !default;
135
-
136
- // Footer
137
- $footer-bg-color: $primary-color !default;
138
-
139
- // Flowtext
140
- $range : $large-screen - $small-screen !default;
141
- $intervals: 20 !default;
142
- $interval-size: $range / $intervals !default;
143
-
144
- /*** Collections ***/
145
- $collection-border-color: #e0e0e0 !default;
146
- $collection-bg-color: #fff !default;
147
- $collection-active-bg-color: $secondary-color !default;
148
- $collection-active-color: lighten($secondary-color, 55%) !default;
149
- $collection-hover-bg-color: #ddd !default;
150
-
151
- /* Progress Bar */
152
- $progress-bar-color: $secondary-color !default;
@@ -1,167 +0,0 @@
1
-
2
- /*!
3
- * Waves v0.6.0
4
- * http://fian.my.id/Waves
5
- *
6
- * Copyright 2014 Alfiana E. Sibuea and other contributors
7
- * Released under the MIT license
8
- * https://github.com/fians/Waves/blob/master/LICENSE
9
- */
10
-
11
-
12
- .waves-effect {
13
- position: relative;
14
- cursor: pointer;
15
- display: inline-block;
16
- overflow: hidden;
17
- -webkit-user-select: none;
18
- -moz-user-select: none;
19
- -ms-user-select: none;
20
- user-select: none;
21
- -webkit-tap-highlight-color: transparent;
22
- // white-space: nowrap;
23
- // outline: 0;
24
-
25
- vertical-align: middle;
26
- // cursor: pointer;
27
- // border: none;
28
- // outline: none;
29
- // color: inherit;
30
- // background-color: rgba(0, 0, 0, 0);
31
- // font-size: 1em;
32
- // line-height:1em;
33
- // text-align: center;
34
- // text-decoration: none;
35
- z-index: 1;
36
- will-change: opacity, transform;
37
- @include transition(all .3s ease-out);
38
-
39
- .waves-ripple {
40
- position: absolute;
41
- border-radius: 50%;
42
- width: 20px;
43
- height: 20px;
44
- margin-top:-10px;
45
- margin-left:-10px;
46
- opacity: 0;
47
-
48
- background: rgba(0,0,0,0.2);
49
- // $gradient: rgba(0,0,0,0.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%;
50
- // background: -webkit-radial-gradient($gradient);
51
- // background: -o-radial-gradient($gradient);
52
- // background: -moz-radial-gradient($gradient);
53
- // background: radial-gradient($gradient);
54
- @include transition(all 0.7s ease-out);
55
- -webkit-transition-property: -webkit-transform, opacity;
56
- -moz-transition-property: -moz-transform, opacity;
57
- -o-transition-property: -o-transform, opacity;
58
- transition-property: transform, opacity;
59
- @include transform(scale(0));
60
- pointer-events: none;
61
- }
62
-
63
- // Waves Colors
64
- &.waves-light .waves-ripple {
65
- background-color: rgba(255, 255, 255, 0.45);
66
- }
67
-
68
- &.waves-red .waves-ripple {
69
- background-color: rgba(244, 67, 54, .70);
70
- }
71
- &.waves-yellow .waves-ripple {
72
- background-color: rgba(255, 235, 59, .70);
73
- }
74
- &.waves-orange .waves-ripple {
75
- background-color: rgba(255, 152, 0, .70);
76
- }
77
- &.waves-purple .waves-ripple {
78
- background-color: rgba(156, 39, 176, 0.70);
79
- }
80
- &.waves-green .waves-ripple {
81
- background-color: rgba(76, 175, 80, 0.70);
82
- }
83
- &.waves-teal .waves-ripple {
84
- background-color: rgba(0, 150, 136, 0.70);
85
- }
86
-
87
- }
88
-
89
- .waves-notransition {
90
- @include transition(none #{"!important"});
91
- }
92
-
93
- .waves-circle {
94
- @include transform(translateZ(0));
95
- -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
96
- }
97
-
98
- // .waves-button,
99
- // .waves-button:hover,
100
- // .waves-button:visited,
101
- // .waves-button-input {
102
- // white-space: nowrap;
103
- // vertical-align: middle;
104
- // cursor: pointer;
105
- // border: none;
106
- // outline: none;
107
- // color: inherit;
108
- // background-color: rgba(0, 0, 0, 0);
109
- // font-size: 1em;
110
- // line-height:1em;
111
- // text-align: center;
112
- // text-decoration: none;
113
- // z-index: 1;
114
- // }
115
-
116
- // .waves-button {
117
- // padding: 0.85em 1.1em;
118
- // border-radius: 0.2em;
119
- // }
120
-
121
- // .waves-button-input {
122
- // margin: 0;
123
- // padding: 0.85em 1.1em;
124
- // }
125
-
126
- .waves-input-wrapper {
127
- border-radius: 0.2em;
128
- vertical-align: bottom;
129
-
130
- // &.waves-button {
131
- // padding: 0;
132
- // }
133
-
134
- .waves-button-input {
135
- position: relative;
136
- top: 0;
137
- left: 0;
138
- z-index: 1;
139
- }
140
- }
141
-
142
- .waves-circle {
143
- text-align: center;
144
- width: 2.5em;
145
- height: 2.5em;
146
- line-height: 2.5em;
147
- border-radius: 50%;
148
- -webkit-mask-image: none;
149
- }
150
-
151
- // .waves-float {
152
- // -webkit-mask-image: none;
153
- // @include box-shadow(0px 1px 1.5px 1px rgba(0, 0, 0, 0.12));
154
-
155
- // &:active {
156
- // @include box-shadow(0px 8px 20px 1px rgba(0, 0, 0, 0.30));
157
- // }
158
- // }
159
-
160
- .waves-block {
161
- display: block;
162
- }
163
-
164
- /* Firefox Bug: link not triggered */
165
- a.waves-effect .waves-ripple {
166
- z-index: -1;
167
- }