activeadmin_materialize_theme 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (94) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +26 -0
  4. data/Rakefile +34 -0
  5. data/app/assets/config/activeadmin_materialize_theme_manifest.js +1 -0
  6. data/app/assets/javascripts/activeadmin_materialize_theme.js +65 -0
  7. data/app/assets/javascripts/materialize/anime.min.js +34 -0
  8. data/app/assets/javascripts/materialize/autocomplete.js +450 -0
  9. data/app/assets/javascripts/materialize/bin/materialize.js +12374 -0
  10. data/app/assets/javascripts/materialize/bin/materialize.min.js +6 -0
  11. data/app/assets/javascripts/materialize/buttons.js +354 -0
  12. data/app/assets/javascripts/materialize/cards.js +40 -0
  13. data/app/assets/javascripts/materialize/carousel.js +717 -0
  14. data/app/assets/javascripts/materialize/cash.js +960 -0
  15. data/app/assets/javascripts/materialize/characterCounter.js +136 -0
  16. data/app/assets/javascripts/materialize/chips.js +481 -0
  17. data/app/assets/javascripts/materialize/collapsible.js +275 -0
  18. data/app/assets/javascripts/materialize/component.js +44 -0
  19. data/app/assets/javascripts/materialize/datepicker.js +975 -0
  20. data/app/assets/javascripts/materialize/dropdown.js +617 -0
  21. data/app/assets/javascripts/materialize/forms.js +275 -0
  22. data/app/assets/javascripts/materialize/global.js +427 -0
  23. data/app/assets/javascripts/materialize/materialbox.js +453 -0
  24. data/app/assets/javascripts/materialize/modal.js +382 -0
  25. data/app/assets/javascripts/materialize/parallax.js +138 -0
  26. data/app/assets/javascripts/materialize/pushpin.js +145 -0
  27. data/app/assets/javascripts/materialize/range.js +263 -0
  28. data/app/assets/javascripts/materialize/scrollspy.js +295 -0
  29. data/app/assets/javascripts/materialize/select.js +432 -0
  30. data/app/assets/javascripts/materialize/sidenav.js +580 -0
  31. data/app/assets/javascripts/materialize/slider.js +359 -0
  32. data/app/assets/javascripts/materialize/tabs.js +402 -0
  33. data/app/assets/javascripts/materialize/tapTarget.js +314 -0
  34. data/app/assets/javascripts/materialize/timepicker.js +647 -0
  35. data/app/assets/javascripts/materialize/toasts.js +310 -0
  36. data/app/assets/javascripts/materialize/tooltip.js +303 -0
  37. data/app/assets/javascripts/materialize/waves.js +335 -0
  38. data/app/assets/stylesheets/activeadmin_materialize_theme/base.scss +107 -0
  39. data/app/assets/stylesheets/activeadmin_materialize_theme/components/footer.scss +18 -0
  40. data/app/assets/stylesheets/activeadmin_materialize_theme/components/form.scss +140 -0
  41. data/app/assets/stylesheets/activeadmin_materialize_theme/components/header.scss +61 -0
  42. data/app/assets/stylesheets/activeadmin_materialize_theme/components/layout_index.scss +83 -0
  43. data/app/assets/stylesheets/activeadmin_materialize_theme/components/layout_show.scss +56 -0
  44. data/app/assets/stylesheets/activeadmin_materialize_theme/components/sidebar.scss +37 -0
  45. data/app/assets/stylesheets/activeadmin_materialize_theme/components/title_bar.scss +43 -0
  46. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/LICENSE +21 -0
  47. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/README.md +91 -0
  48. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_badges.scss +55 -0
  49. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_buttons.scss +322 -0
  50. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_cards.scss +195 -0
  51. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_carousel.scss +90 -0
  52. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_chips.scss +90 -0
  53. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_collapsible.scss +91 -0
  54. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_color-classes.scss +32 -0
  55. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_color-variables.scss +370 -0
  56. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_datepicker.scss +191 -0
  57. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_dropdown.scss +85 -0
  58. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_global.scss +769 -0
  59. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_grid.scss +156 -0
  60. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_icons-material-design.scss +5 -0
  61. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_materialbox.scss +43 -0
  62. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_modal.scss +94 -0
  63. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_navbar.scss +208 -0
  64. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_normalize.scss +447 -0
  65. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_preloader.scss +334 -0
  66. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_pulse.scss +34 -0
  67. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_sidenav.scss +216 -0
  68. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_slider.scss +92 -0
  69. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_table_of_contents.scss +33 -0
  70. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_tabs.scss +99 -0
  71. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_tapTarget.scss +103 -0
  72. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_timepicker.scss +183 -0
  73. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_toast.scss +58 -0
  74. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_tooltip.scss +32 -0
  75. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_transitions.scss +13 -0
  76. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_typography.scss +60 -0
  77. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_variables.scss +349 -0
  78. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_waves.scss +114 -0
  79. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_checkboxes.scss +200 -0
  80. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_file-input.scss +44 -0
  81. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_forms.scss +22 -0
  82. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_input-fields.scss +354 -0
  83. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_radio-buttons.scss +115 -0
  84. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_range.scss +161 -0
  85. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_select.scss +180 -0
  86. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_switches.scss +89 -0
  87. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/materialize.scss +41 -0
  88. data/app/assets/stylesheets/activeadmin_materialize_theme/normalize.css +349 -0
  89. data/app/assets/stylesheets/activeadmin_materialize_theme/theme.scss +13 -0
  90. data/app/assets/stylesheets/activeadmin_materialize_theme/variables.scss +14 -0
  91. data/lib/activeadmin_materialize_theme.rb +6 -0
  92. data/lib/activeadmin_materialize_theme/engine.rb +7 -0
  93. data/lib/activeadmin_materialize_theme/version.rb +5 -0
  94. metadata +149 -0
@@ -0,0 +1,349 @@
1
+ // ==========================================================================
2
+ // Materialize variables
3
+ // ==========================================================================
4
+ //
5
+ // Table of Contents:
6
+ //
7
+ // 1. Colors
8
+ // 2. Badges
9
+ // 3. Buttons
10
+ // 4. Cards
11
+ // 5. Carousel
12
+ // 6. Collapsible
13
+ // 7. Chips
14
+ // 8. Date + Time Picker
15
+ // 9. Dropdown
16
+ // 10. Forms
17
+ // 11. Global
18
+ // 12. Grid
19
+ // 13. Navigation Bar
20
+ // 14. Side Navigation
21
+ // 15. Photo Slider
22
+ // 16. Spinners | Loaders
23
+ // 17. Tabs
24
+ // 18. Tables
25
+ // 19. Toasts
26
+ // 20. Typography
27
+ // 21. Footer
28
+ // 22. Flow Text
29
+ // 23. Collections
30
+ // 24. Progress Bar
31
+
32
+
33
+
34
+ // 1. Colors
35
+ // ==========================================================================
36
+
37
+ $primary-color: color("materialize-red", "lighten-2") !default;
38
+ $primary-color-light: lighten($primary-color, 15%) !default;
39
+ $primary-color-dark: darken($primary-color, 15%) !default;
40
+
41
+ $secondary-color: color("teal", "lighten-1") !default;
42
+ $success-color: color("green", "base") !default;
43
+ $error-color: color("red", "base") !default;
44
+ $link-color: color("light-blue", "darken-1") !default;
45
+
46
+
47
+ // 2. Badges
48
+ // ==========================================================================
49
+
50
+ $badge-bg-color: $secondary-color !default;
51
+ $badge-height: 22px !default;
52
+
53
+
54
+ // 3. Buttons
55
+ // ==========================================================================
56
+
57
+ // Shared styles
58
+ $button-border: none !default;
59
+ $button-background-focus: lighten($secondary-color, 4%) !default;
60
+ $button-font-size: 14px !default;
61
+ $button-icon-font-size: 1.3rem !default;
62
+ $button-height: 36px !default;
63
+ $button-padding: 0 16px !default;
64
+ $button-radius: 2px !default;
65
+
66
+ // Disabled styles
67
+ $button-disabled-background: #DFDFDF !default;
68
+ $button-disabled-color: #9F9F9F !default;
69
+
70
+ // Raised buttons
71
+ $button-raised-background: $secondary-color !default;
72
+ $button-raised-background-hover: lighten($button-raised-background, 5%) !default;
73
+ $button-raised-color: #fff !default;
74
+
75
+ // Large buttons
76
+ $button-large-font-size: 15px !default;
77
+ $button-large-icon-font-size: 1.6rem !default;
78
+ $button-large-height: $button-height * 1.5 !default;
79
+ $button-floating-large-size: 56px !default;
80
+
81
+ // Small buttons
82
+ $button-small-font-size: 13px !default;
83
+ $button-small-icon-font-size: 1.2rem !default;
84
+ $button-small-height: $button-height * .9 !default;
85
+ $button-floating-small-size: $button-height * .9 !default;
86
+
87
+ // Flat buttons
88
+ $button-flat-color: #343434 !default;
89
+ $button-flat-disabled-color: lighten(#999, 10%) !default;
90
+
91
+ // Floating buttons
92
+ $button-floating-background: $secondary-color !default;
93
+ $button-floating-background-hover: $button-floating-background !default;
94
+ $button-floating-color: #fff !default;
95
+ $button-floating-size: 40px !default;
96
+ $button-floating-radius: 50% !default;
97
+
98
+
99
+ // 4. Cards
100
+ // ==========================================================================
101
+
102
+ $card-padding: 24px !default;
103
+ $card-bg-color: #fff !default;
104
+ $card-link-color: color("orange", "accent-2") !default;
105
+ $card-link-color-light: lighten($card-link-color, 20%) !default;
106
+
107
+
108
+ // 5. Carousel
109
+ // ==========================================================================
110
+
111
+ $carousel-height: 400px !default;
112
+ $carousel-item-height: $carousel-height / 2 !default;
113
+ $carousel-item-width: $carousel-item-height !default;
114
+
115
+
116
+ // 6. Collapsible
117
+ // ==========================================================================
118
+
119
+ $collapsible-height: 3rem !default;
120
+ $collapsible-line-height: $collapsible-height !default;
121
+ $collapsible-header-color: #fff !default;
122
+ $collapsible-border-color: #ddd !default;
123
+
124
+
125
+ // 7. Chips
126
+ // ==========================================================================
127
+
128
+ $chip-bg-color: #e4e4e4 !default;
129
+ $chip-border-color: #9e9e9e !default;
130
+ $chip-selected-color: #26a69a !default;
131
+ $chip-margin: 5px !default;
132
+
133
+
134
+ // 8. Date + Time Picker
135
+ // ==========================================================================
136
+
137
+ $datepicker-display-font-size: 2.8rem;
138
+ $datepicker-calendar-header-color: #999;
139
+ $datepicker-weekday-color: rgba(0, 0, 0, .87) !default;
140
+ $datepicker-weekday-bg: darken($secondary-color, 7%) !default;
141
+ $datepicker-date-bg: $secondary-color !default;
142
+ $datepicker-year: rgba(255, 255, 255, .7) !default;
143
+ $datepicker-focus: rgba(0,0,0, .05) !default;
144
+ $datepicker-selected: $secondary-color !default;
145
+ $datepicker-selected-outfocus: desaturate(lighten($secondary-color, 35%), 15%) !default;
146
+ $datepicker-day-focus: transparentize(desaturate($secondary-color, 5%), .75) !default;
147
+ $datepicker-disabled-day-color: rgba(0, 0, 0, .3) !default;
148
+
149
+ $timepicker-clock-color: rgba(0, 0, 0, .87) !default;
150
+ $timepicker-clock-plate-bg: #eee !default;
151
+
152
+
153
+ // 9. Dropdown
154
+ // ==========================================================================
155
+
156
+ $dropdown-bg-color: #fff !default;
157
+ $dropdown-hover-bg-color: #eee !default;
158
+ $dropdown-color: $secondary-color !default;
159
+ $dropdown-item-height: 50px !default;
160
+
161
+
162
+ // 10. Forms
163
+ // ==========================================================================
164
+
165
+ // Text Inputs + Textarea
166
+ $input-height: 3rem !default;
167
+ $input-border-color: color("grey", "base") !default;
168
+ $input-border: 1px solid $input-border-color !default;
169
+ $input-background: #fff !default;
170
+ $input-error-color: $error-color !default;
171
+ $input-success-color: $success-color !default;
172
+ $input-focus-color: $secondary-color !default;
173
+ $input-font-size: 16px !default;
174
+ $input-margin-bottom: 8px;
175
+ $input-margin: 0 0 $input-margin-bottom 0 !default;
176
+ $input-padding: 0 !default;
177
+ $label-font-size: .8rem !default;
178
+ $input-disabled-color: rgba(0,0,0, .42) !default;
179
+ $input-disabled-solid-color: #949494 !default;
180
+ $input-disabled-border: 1px dotted $input-disabled-color !default;
181
+ $input-invalid-border: 1px solid $input-error-color !default;
182
+ $input-icon-size: 2rem;
183
+ $placeholder-text-color: lighten($input-border-color, 20%) !default;
184
+
185
+ // Radio Buttons
186
+ $radio-fill-color: $secondary-color !default;
187
+ $radio-empty-color: #5a5a5a !default;
188
+ $radio-border: 2px solid $radio-fill-color !default;
189
+
190
+ // Range
191
+ $range-height: 14px !default;
192
+ $range-width: 14px !default;
193
+ $track-height: 3px !default;
194
+
195
+ // Select
196
+ $select-border: 1px solid #f2f2f2 !default;
197
+ $select-background: rgba(255, 255, 255, 0.90) !default;
198
+ $select-focus: 1px solid lighten($secondary-color, 47%) !default;
199
+ $select-option-hover: rgba(0,0,0,.08) !default;
200
+ $select-option-focus: rgba(0,0,0,.08) !default;
201
+ $select-option-selected: rgba(0,0,0,.03) !default;
202
+ $select-padding: 5px !default;
203
+ $select-radius: 2px !default;
204
+ $select-disabled-color: rgba(0,0,0,.3) !default;
205
+
206
+ // Switches
207
+ $switch-bg-color: $secondary-color !default;
208
+ $switch-checked-lever-bg: desaturate(lighten($switch-bg-color, 25%), 25%) !default;
209
+ $switch-unchecked-bg: #F1F1F1 !default;
210
+ $switch-unchecked-lever-bg: rgba(0,0,0,.38) !default;
211
+ $switch-radius: 15px !default;
212
+
213
+
214
+ // 11. Global
215
+ // ==========================================================================
216
+
217
+ // Media Query Ranges
218
+ $small-screen-up: 601px !default;
219
+ $medium-screen-up: 993px !default;
220
+ $large-screen-up: 1201px !default;
221
+ $small-screen: 600px !default;
222
+ $medium-screen: 992px !default;
223
+ $large-screen: 1200px !default;
224
+
225
+ $medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
226
+ $large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
227
+ $extra-large-and-up: "only screen and (min-width : #{$large-screen-up})" !default;
228
+ $small-and-down: "only screen and (max-width : #{$small-screen})" !default;
229
+ $medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
230
+ $medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;
231
+
232
+
233
+ // 12. Grid
234
+ // ==========================================================================
235
+
236
+ $num-cols: 12 !default;
237
+ $gutter-width: 1.5rem !default;
238
+ $element-top-margin: $gutter-width/3 !default;
239
+ $element-bottom-margin: ($gutter-width*2)/3 !default;
240
+
241
+
242
+ // 13. Navigation Bar
243
+ // ==========================================================================
244
+
245
+ $navbar-height: 64px !default;
246
+ $navbar-line-height: $navbar-height !default;
247
+ $navbar-height-mobile: 56px !default;
248
+ $navbar-line-height-mobile: $navbar-height-mobile !default;
249
+ $navbar-font-size: 1rem !default;
250
+ $navbar-font-color: #fff !default;
251
+ $navbar-brand-font-size: 2.1rem !default;
252
+
253
+ // 14. Side Navigation
254
+ // ==========================================================================
255
+
256
+ $sidenav-width: 300px !default;
257
+ $sidenav-font-size: 14px !default;
258
+ $sidenav-font-color: rgba(0,0,0,.87) !default;
259
+ $sidenav-bg-color: #fff !default;
260
+ $sidenav-padding: 16px !default;
261
+ $sidenav-item-height: 48px !default;
262
+ $sidenav-line-height: $sidenav-item-height !default;
263
+
264
+
265
+ // 15. Photo Slider
266
+ // ==========================================================================
267
+
268
+ $slider-bg-color: color('grey', 'base') !default;
269
+ $slider-bg-color-light: color('grey', 'lighten-2') !default;
270
+ $slider-indicator-color: color('green', 'base') !default;
271
+
272
+
273
+ // 16. Spinners | Loaders
274
+ // ==========================================================================
275
+
276
+ $spinner-default-color: $secondary-color !default;
277
+
278
+
279
+ // 17. Tabs
280
+ // ==========================================================================
281
+
282
+ $tabs-underline-color: $primary-color-light !default;
283
+ $tabs-text-color: $primary-color !default;
284
+ $tabs-bg-color: #fff !default;
285
+
286
+
287
+ // 18. Tables
288
+ // ==========================================================================
289
+
290
+ $table-border-color: rgba(0,0,0,.12) !default;
291
+ $table-striped-color: rgba(242, 242, 242, 0.5) !default;
292
+
293
+
294
+ // 19. Toasts
295
+ // ==========================================================================
296
+
297
+ $toast-height: 48px !default;
298
+ $toast-color: #323232 !default;
299
+ $toast-text-color: #fff !default;
300
+ $toast-action-color: #eeff41;
301
+
302
+
303
+ // 20. Typography
304
+ // ==========================================================================
305
+
306
+ $font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;
307
+ $off-black: rgba(0, 0, 0, 0.87) !default;
308
+ // Header Styles
309
+ $h1-fontsize: 4.2rem !default;
310
+ $h2-fontsize: 3.56rem !default;
311
+ $h3-fontsize: 2.92rem !default;
312
+ $h4-fontsize: 2.28rem !default;
313
+ $h5-fontsize: 1.64rem !default;
314
+ $h6-fontsize: 1.15rem !default;
315
+
316
+
317
+ // 21. Footer
318
+ // ==========================================================================
319
+
320
+ $footer-font-color: #fff !default;
321
+ $footer-bg-color: $primary-color !default;
322
+ $footer-copyright-font-color: rgba(255,255,255,.8) !default;
323
+ $footer-copyright-bg-color: rgba(51,51,51,.08) !default;
324
+
325
+
326
+ // 22. Flow Text
327
+ // ==========================================================================
328
+
329
+ $range : $large-screen - $small-screen !default;
330
+ $intervals: 20 !default;
331
+ $interval-size: $range / $intervals !default;
332
+
333
+
334
+ // 23. Collections
335
+ // ==========================================================================
336
+
337
+ $collection-border-color: #e0e0e0 !default;
338
+ $collection-bg-color: #fff !default;
339
+ $collection-active-bg-color: $secondary-color !default;
340
+ $collection-active-color: lighten($secondary-color, 55%) !default;
341
+ $collection-hover-bg-color: #ddd !default;
342
+ $collection-link-color: $secondary-color !default;
343
+ $collection-line-height: 1.5rem !default;
344
+
345
+
346
+ // 24. Progress Bar
347
+ // ==========================================================================
348
+
349
+ $progress-bar-color: $secondary-color !default;
@@ -0,0 +1,114 @@
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
+ user-select: none;
18
+ -webkit-tap-highlight-color: transparent;
19
+ vertical-align: middle;
20
+ z-index: 1;
21
+ transition: .3s ease-out;
22
+
23
+ .waves-ripple {
24
+ position: absolute;
25
+ border-radius: 50%;
26
+ width: 20px;
27
+ height: 20px;
28
+ margin-top:-10px;
29
+ margin-left:-10px;
30
+ opacity: 0;
31
+
32
+ background: rgba(0,0,0,0.2);
33
+ transition: all 0.7s ease-out;
34
+ transition-property: transform, opacity;
35
+ transform: scale(0);
36
+ pointer-events: none;
37
+ }
38
+
39
+ // Waves Colors
40
+ &.waves-light .waves-ripple {
41
+ background-color: rgba(255, 255, 255, 0.45);
42
+ }
43
+ &.waves-red .waves-ripple {
44
+ background-color: rgba(244, 67, 54, .70);
45
+ }
46
+ &.waves-yellow .waves-ripple {
47
+ background-color: rgba(255, 235, 59, .70);
48
+ }
49
+ &.waves-orange .waves-ripple {
50
+ background-color: rgba(255, 152, 0, .70);
51
+ }
52
+ &.waves-purple .waves-ripple {
53
+ background-color: rgba(156, 39, 176, 0.70);
54
+ }
55
+ &.waves-green .waves-ripple {
56
+ background-color: rgba(76, 175, 80, 0.70);
57
+ }
58
+ &.waves-teal .waves-ripple {
59
+ background-color: rgba(0, 150, 136, 0.70);
60
+ }
61
+
62
+ // Style input button bug.
63
+ input[type="button"], input[type="reset"], input[type="submit"] {
64
+ border: 0;
65
+ font-style: normal;
66
+ font-size: inherit;
67
+ text-transform: inherit;
68
+ background: none;
69
+ }
70
+
71
+ img {
72
+ position: relative;
73
+ z-index: -1;
74
+ }
75
+ }
76
+
77
+ .waves-notransition {
78
+ transition: none #{"!important"};
79
+ }
80
+
81
+ .waves-circle {
82
+ transform: translateZ(0);
83
+ -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
84
+ }
85
+
86
+ .waves-input-wrapper {
87
+ border-radius: 0.2em;
88
+ vertical-align: bottom;
89
+
90
+ .waves-button-input {
91
+ position: relative;
92
+ top: 0;
93
+ left: 0;
94
+ z-index: 1;
95
+ }
96
+ }
97
+
98
+ .waves-circle {
99
+ text-align: center;
100
+ width: 2.5em;
101
+ height: 2.5em;
102
+ line-height: 2.5em;
103
+ border-radius: 50%;
104
+ -webkit-mask-image: none;
105
+ }
106
+
107
+ .waves-block {
108
+ display: block;
109
+ }
110
+
111
+ /* Firefox Bug: link not triggered */
112
+ .waves-effect .waves-ripple {
113
+ z-index: -1;
114
+ }