material-sass 4.0.0 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -3
  3. data/Rakefile +4 -4
  4. data/assets/javascripts/material-sprockets.js +0 -1
  5. data/assets/javascripts/material.js +2994 -2927
  6. data/assets/javascripts/material.min.js +10 -10
  7. data/assets/javascripts/material/components/expansion-panel.js +1 -3
  8. data/assets/javascripts/material/components/floating-label.js +2 -3
  9. data/assets/javascripts/material/components/nav-drawer.js +10 -32
  10. data/assets/javascripts/material/components/pickdate.js +228 -0
  11. data/assets/javascripts/material/components/selection-control-focus.js +2 -2
  12. data/assets/javascripts/material/components/tab-switch.js +4 -20
  13. data/assets/javascripts/material/components/util.js +16 -1
  14. data/assets/stylesheets/material/_colors.scss +2 -0
  15. data/assets/stylesheets/material/_functions.scss +6 -0
  16. data/assets/stylesheets/material/_mixins.scss +0 -2
  17. data/assets/stylesheets/material/_print.scss +26 -1
  18. data/assets/stylesheets/material/_utilities.scss +1 -0
  19. data/assets/stylesheets/material/base/_base.scss +5 -2
  20. data/assets/stylesheets/material/bootstrap/_breadcrumb.scss +10 -7
  21. data/assets/stylesheets/material/bootstrap/_popover.scss +1 -2
  22. data/assets/stylesheets/material/bootstrap/_transition.scss +6 -10
  23. data/assets/stylesheets/material/material.scss +2 -0
  24. data/assets/stylesheets/material/material/_card.scss +58 -96
  25. data/assets/stylesheets/material/material/_chip.scss +1 -0
  26. data/assets/stylesheets/material/material/_data-table.scss +57 -1
  27. data/assets/stylesheets/material/material/_dialog.scss +2 -2
  28. data/assets/stylesheets/material/material/_expansion-panel.scss +4 -0
  29. data/assets/stylesheets/material/material/_menu.scss +164 -54
  30. data/assets/stylesheets/material/material/_navdrawer.scss +5 -6
  31. data/assets/stylesheets/material/material/_picker.scss +78 -67
  32. data/assets/stylesheets/material/material/_progress.scss +1 -6
  33. data/assets/stylesheets/material/material/_selection-control.scss +1 -1
  34. data/assets/stylesheets/material/material/_slider.scss +157 -0
  35. data/assets/stylesheets/material/material/_snackbar.scss +125 -0
  36. data/assets/stylesheets/material/material/_text-field-input-group.scss +101 -10
  37. data/assets/stylesheets/material/material/_text-field.scss +10 -15
  38. data/assets/stylesheets/material/material/_toolbar.scss +0 -16
  39. data/assets/stylesheets/material/material/_tooltip.scss +2 -2
  40. data/assets/stylesheets/material/mixins/_form.scss +2 -1
  41. data/assets/stylesheets/material/mixins/_nav-divider.scss +2 -2
  42. data/assets/stylesheets/material/mixins/_screenreader.scss +0 -2
  43. data/assets/stylesheets/material/mixins/_text-hide.scss +2 -0
  44. data/assets/stylesheets/material/mixins/_transition.scss +20 -0
  45. data/assets/stylesheets/material/utilities/_background.scss +5 -0
  46. data/assets/stylesheets/material/utilities/_flex.scss +17 -1
  47. data/assets/stylesheets/material/utilities/_position.scss +1 -0
  48. data/assets/stylesheets/material/utilities/_shadows.scss +23 -0
  49. data/assets/stylesheets/material/utilities/_text.scss +18 -0
  50. data/assets/stylesheets/material/variables/_elevation-shadow.scss +53 -47
  51. data/assets/stylesheets/material/variables/_palette.scss +9 -8
  52. data/assets/stylesheets/material/variables/_spacer.scss +2 -0
  53. data/assets/stylesheets/material/variables/_transition.scss +2 -0
  54. data/assets/stylesheets/material/variables/_typography.scss +3 -3
  55. data/assets/stylesheets/material/variables/_variable-bootstrap.scss +9 -8
  56. data/assets/stylesheets/material/variables/_variable-material.scss +56 -18
  57. data/lib/material-sass/version.rb +1 -1
  58. metadata +6 -6
  59. data/assets/javascripts/material/addons/pickadate.js +0 -152
  60. data/assets/stylesheets/material.min.css +0 -13
  61. data/assets/stylesheets/material/mixins/_hex-to-rgba.scss +0 -3
  62. data/assets/stylesheets/material/mixins/_strip-unit.scss +0 -3
@@ -1,3 +1,5 @@
1
+ $transition-scale: 0.87 !default;
2
+
1
3
  // The movement of an element is based on https://material.google.com/motion/movement.html
2
4
 
3
5
  // Transition duration
@@ -10,8 +10,8 @@ $font-size-root: 16px !default;
10
10
 
11
11
  // stylelint-disable value-keyword-case
12
12
  $font-family-monospace: 'Roboto Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
13
- $font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !default;
14
- $font-family-serif: 'Roboto Slab', Georgia, 'Times New Roman', Times, serif !default;
13
+ $font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
14
+ $font-family-serif: 'Roboto Slab', Georgia, 'Times New Roman', Times, serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
15
15
  // stylelint-enable
16
16
 
17
17
  $font-family-base: $font-family-sans-serif !default;
@@ -78,4 +78,4 @@ $line-height-caption: 1.5 !default; // 18px
78
78
 
79
79
  // Material icons default size
80
80
 
81
- $material-icon-size: (24px / $font-size-root * 1rem) !default;
81
+ $material-icon-size: (24 / strip-unit($font-size-root) * 1rem) !default;
@@ -46,8 +46,8 @@ $carousel-caption-width: 50% !default;
46
46
  $carousel-control-bg: $white-divider !default;
47
47
  $carousel-control-bg-hover: rgba(204, 204, 204, 0.25) !default;
48
48
  $carousel-control-color: $white-primary !default;
49
- $carousel-control-elevation-shadow: $elevation-shadow-6dp !default;
50
- $carousel-control-elevation-shadow-active: $elevation-shadow-12dp !default;
49
+ $carousel-control-elevation-shadow: map-get($elevation-shadows, 6) !default;
50
+ $carousel-control-elevation-shadow-active: map-get($elevation-shadows, 12) !default;
51
51
  $carousel-control-font-size: 0.8125rem !default;
52
52
  $carousel-control-next-icon: 'chevron_right' !default;
53
53
  $carousel-control-prev-icon: 'chevron_left' !default;
@@ -92,21 +92,21 @@ $form-feedback-valid-color: theme-color(success) !default;
92
92
 
93
93
  $form-group-margin-y: $spacer !default;
94
94
 
95
- $input-group-addon-margin-x: 1rem !default;
95
+ $input-group-inner-spacer-x: 1rem !default;
96
96
 
97
97
  // Jumbotron
98
98
 
99
99
  $jumbotron-bg: $white-primary !default;
100
100
  $jumbotron-border-radius: $border-radius !default;
101
101
  $jumbotron-color: $black-primary !default;
102
- $jumbotron-elevation-shadow: $elevation-shadow-2dp !default;
102
+ $jumbotron-elevation-shadow: map-get($elevation-shadows, 2) !default;
103
103
  $jumbotron-padding-x: 2rem !default;
104
104
  $jumbotron-padding-y: 3rem !default;
105
105
 
106
106
  // Link
107
107
 
108
- $link-color: theme-color(primary) !default;
109
- $link-color-hover: theme-color(primary) !default;
108
+ $link-color: theme-color(secondary) !default;
109
+ $link-color-hover: theme-color(secondary) !default;
110
110
  $link-decoration: none !default;
111
111
  $link-decoration-hover: underline !default;
112
112
 
@@ -142,7 +142,7 @@ $table-caption-color: $black-hint !default;
142
142
 
143
143
  $text-muted: $black-hint !default;
144
144
 
145
- $thumbnail-box-shadow: $shadow-2dp !default;
145
+ $thumbnail-box-shadow: map-get($shadows, 2) !default;
146
146
 
147
147
  $webkit-tap-highlight-color: rgba(0, 0, 0, 0) !default;
148
148
 
@@ -172,7 +172,8 @@ $pagination-padding-y: 0.625rem !default;
172
172
 
173
173
  $popover-bg: $white !default;
174
174
  $popover-border-radius: $border-radius !default;
175
- $popover-elevation-shadow: $elevation-shadow-24dp !default;
175
+ $popover-breakpoint: md !default;
176
+ $popover-elevation-shadow: map-get($elevation-shadows, 24) !default;
176
177
  $popover-font-size: $font-size-base !default;
177
178
  $popover-margin: 1.5rem !default;
178
179
  $popover-margin-desktop: 0.875rem !default;
@@ -12,8 +12,8 @@ $btn-block-margin-y: $spacer-xs !default;
12
12
  $btn-color: $black-primary !default;
13
13
  $btn-color-disabled: rgba(0, 0, 0, 0.26) !default;
14
14
  $btn-color-disabled-inverse: rgba(255, 255, 255, 0.3) !default;
15
- $btn-elevation-shadow: $elevation-shadow-2dp !default;
16
- $btn-elevation-shadow-active: $elevation-shadow-8dp !default;
15
+ $btn-elevation-shadow: map-get($elevation-shadows, 2) !default;
16
+ $btn-elevation-shadow-active: map-get($elevation-shadows, 8) !default;
17
17
  $btn-font-weight: $font-weight-medium !default;
18
18
  $btn-line-height: 1 !default;
19
19
  $btn-min-width: 5.5rem !default;
@@ -37,8 +37,8 @@ $btn-padding-y-sm: (($btn-height-sm - $btn-font-size-sm * $btn-line-h
37
37
  // Based on https://material.google.com/components/buttons-floating-action-button.html#buttons-floating-action-button-floating-action-button
38
38
 
39
39
  $btn-float-dropdown-inner-spacer-y: 1rem !default;
40
- $btn-float-elevation-shadow: $elevation-shadow-6dp !default;
41
- $btn-float-elevation-shadow-active: $elevation-shadow-12dp !default;
40
+ $btn-float-elevation-shadow: map-get($elevation-shadows, 6) !default;
41
+ $btn-float-elevation-shadow-active: map-get($elevation-shadows, 12) !default;
42
42
  $btn-float-size: 3.5rem !default;
43
43
  $btn-float-size-sm: 2.5rem !default;
44
44
 
@@ -58,18 +58,19 @@ $card-action-inner-spacer-y: 0.25rem !default;
58
58
  $card-action-padding-x: 0.5rem !default;
59
59
  $card-action-padding-y: 0.5rem !default;
60
60
  $card-bg: $white !default;
61
+ $card-border-color: $border-color !default;
61
62
  $card-border-radius: $border-radius !default;
62
63
  $card-border-width: $border-width !default;
63
64
  $card-columns-count: 2 !default;
64
65
  $card-columns-count-desktop: 3 !default;
65
- $card-elevation-shadow: $elevation-shadow-2dp !default;
66
- $card-elevation-shadow-hover: $elevation-shadow-8dp !default;
66
+ $card-elevation-shadow: map-get($elevation-shadows, 2) !default;
67
+ $card-elevation-shadow-hover: map-get($elevation-shadows, 8) !default;
67
68
  $card-inner-spacer-x: 1rem !default;
68
69
  $card-inner-spacer-y: 1rem !default;
69
70
  $card-margin-x: $spacer-sm !default;
70
71
  $card-margin-y: $spacer-sm !default;
71
72
  $card-padding-x: 1rem !default;
72
- $card-padding-y: 1.5rem !default;
73
+ $card-padding-y: 1rem !default;
73
74
 
74
75
  // Chip
75
76
  // Based on https://material.google.com/components/chips.html#chips-specs
@@ -77,7 +78,7 @@ $card-padding-y: 1.5rem !default;
77
78
  $chip-bg: $material-color-grey-300 !default;
78
79
  $chip-bg-active: $material-color-grey-400 !default;
79
80
  $chip-color: $black-primary !default;
80
- $chip-elevation-shadow-hover: $elevation-shadow-2dp !default;
81
+ $chip-elevation-shadow-hover: map-get($elevation-shadows, 2) !default;
81
82
  $chip-font-size: 0.875rem !default;
82
83
  $chip-font-weight: $font-weight-regular !default;
83
84
  $chip-height: 2rem !default;
@@ -99,7 +100,6 @@ $table-border-color: $border-color-solid !default;
99
100
  $table-border-width: $border-width !default;
100
101
  $table-cell-padding-x: 1.75rem !default;
101
102
  $table-cell-padding-x-alt: 1.5rem !default;
102
- $table-elevation-shadow: $elevation-shadow-2dp !default;
103
103
  $table-line-height: $line-height-base !default;
104
104
  $table-margin-y: $spacer !default;
105
105
  $table-striped-order: odd !default;
@@ -144,7 +144,7 @@ $table-sm-thead-padding-y: (($table-sm-thead-cell-height - $table-thead-font-
144
144
  $dialog-backdrop-bg: $black-hint !default;
145
145
  $dialog-border-radius: $border-radius !default;
146
146
  $dialog-content-bg: $white !default;
147
- $dialog-elevation-shadow: $elevation-shadow-24dp !default;
147
+ $dialog-elevation-shadow: map-get($elevation-shadows, 24) !default;
148
148
  $dialog-footer-btn-min-width: 4rem !default;
149
149
  $dialog-footer-btn-stacked-height: 3rem !default;
150
150
  $dialog-footer-btn-stacked-padding-x: 1rem !default;
@@ -156,7 +156,7 @@ $dialog-margin-x: $spacer-lg !default;
156
156
  $dialog-margin-y: $spacer-lg !default;
157
157
  $dialog-padding-x: 1.5rem !default;
158
158
  $dialog-padding-y: 1.25rem !default;
159
- $dialog-scale: 0.87 !default;
159
+ $dialog-transition-scale: $transition-scale !default;
160
160
  $dialog-width: 35rem !default;
161
161
  $dialog-width-lg: 52.5rem !default;
162
162
  $dialog-width-sm: 17.5rem !default;
@@ -171,7 +171,7 @@ $expansion-panel-border-radius: $border-radius !default;
171
171
  $expansion-panel-border-width: $border-width !default;
172
172
  $expansion-panel-color: $black-primary !default;
173
173
  $expansion-panel-color-disabled: $black-hint !default;
174
- $expansion-panel-elevation-shadow: $elevation-shadow-1dp !default;
174
+ $expansion-panel-elevation-shadow: map-get($elevation-shadows, 1) !default;
175
175
  $expansion-panel-font-size: 0.9375rem !default;
176
176
  $expansion-panel-footer-btn-min-width: 4rem !default;
177
177
  $expansion-panel-footer-inner-spacer-x: 0.5rem !default;
@@ -194,7 +194,7 @@ $menu-divider-bg: $border-color !default;
194
194
  $menu-font-size: 1rem !default;
195
195
  $menu-font-size-cascading: 0.9375rem !default;
196
196
  $menu-font-weight: $font-weight-regular !default;
197
- $menu-elevation-shadow: $elevation-shadow-8dp !default;
197
+ $menu-elevation-shadow: map-get($elevation-shadows, 8) !default;
198
198
  $menu-header-color: $black-primary !default;
199
199
  $menu-line-height: 1.5rem !default;
200
200
  $menu-line-height-cascading: $menu-line-height !default;
@@ -221,7 +221,7 @@ $navdrawer-border-color: $border-color !default;
221
221
  $navdrawer-border-width: $border-width !default;
222
222
  $navdrawer-content-bg: $dialog-content-bg !default;
223
223
  $navdrawer-divider-bg: $border-color !default;
224
- $navdrawer-elevation-shadow: $elevation-shadow-16dp !default;
224
+ $navdrawer-elevation-shadow: map-get($elevation-shadows, 16) !default;
225
225
  $navdrawer-gutter-width: 3.5rem !default;
226
226
  $navdrawer-header-bg: $material-color-grey-100 !default;
227
227
  $navdrawer-header-border-color: $border-color !default;
@@ -266,6 +266,7 @@ $picker-nav-prev-icon: 'keyboard_arrow_left' !default;
266
266
  $picker-select-bg: $black-divider !default;
267
267
  $picker-select-border-radius: $border-radius !default;
268
268
  $picker-select-opacity: 0.7 !default;
269
+ $picker-transition-scale: $transition-scale !default;
269
270
  $picker-weekday-color: $black-hint !default;
270
271
 
271
272
  // Progress (Bootstrap progress bar)
@@ -273,6 +274,7 @@ $picker-weekday-color: $black-hint !default;
273
274
 
274
275
  $progress-bar-bg: $material-color-indigo-500 !default;
275
276
  $progress-bar-border-radius: 0.25rem !default;
277
+ $progress-bar-buffer-width: 1.5rem !default;
276
278
  $progress-bar-height: 0.25rem !default;
277
279
  $progress-bg: $material-color-indigo-100 !default;
278
280
 
@@ -302,8 +304,42 @@ $selection-control-thumb-shadow: 0 1px 5px 0 rgba(0, 0, 0, $black
302
304
  $selection-control-track-bg: $black-hint !default;
303
305
  $selection-control-track-bg-disabled: $black-divider !default;
304
306
  $selection-control-track-height: 1rem !default;
307
+ $selection-control-track-opacity: 0.5 !default;
305
308
  $selection-control-track-width: ($selection-control-indicator-size * 2) !default;
306
309
 
310
+ // Slider (Bootstrap custom form control)
311
+ // Based on https://material.io/guidelines/components/sliders.html#sliders-continuous-slider
312
+
313
+ $slider-thumb-bg: theme-color(secondary) !default;
314
+ $slider-thumb-radial-opacity: $black-divider-opacity !default;
315
+ $slider-thumb-size: ($material-icon-size / 2) !default;
316
+ $slider-track-bg: rgba(0, 0, 0, 0.26) !default;
317
+ $slider-track-bg-active: rgba(0, 0, 0, 0.38) !default;
318
+ $slider-track-height: 0.125rem !default;
319
+
320
+ // Snackbar
321
+ // Based on https://material.io/guidelines/components/snackbars-toasts.html#snackbars-toasts-specs
322
+
323
+ $snackbar-bg: #323232 !default;
324
+ $snackbar-border-radius: $border-radius !default;
325
+ $snackbar-breakpoint: sm !default;
326
+ $snackbar-btn-color: theme-color(secondary) !default;
327
+ $snackbar-btn-color-hover: theme-color-light(secondary) !default;
328
+ $snackbar-color: $white-primary !default;
329
+ $snackbar-elevation-shadow: map-get($elevation-shadows, 6) !default;
330
+ $snackbar-font-size: 0.875rem !default;
331
+ $snackbar-height-multi: 5rem !default;
332
+ $snackbar-inner-spacer-x: 1.5rem !default;
333
+ $snackbar-inner-spacer-x-desktop: 3rem !default;
334
+ $snackbar-line-height: $line-height-base !default;
335
+ $snackbar-margin-x: $spacer-lg !default;
336
+ $snackbar-margin-y: $spacer-lg !default;
337
+ $snackbar-max-width: 35.5rem !default;
338
+ $snackbar-min-width: 18rem !default;
339
+ $snackbar-padding-x: 1.5rem !default;
340
+ $snackbar-padding-y: 0.875rem !default;
341
+ $snackbar-padding-y-multi: 1.25rem !default;
342
+
307
343
  // Stepper
308
344
  // Based on https://material.google.com/components/steppers.html#steppers-specs
309
345
 
@@ -347,7 +383,7 @@ $nav-tab-link-padding-y: (($nav-tab-height - $nav-tab-font-size * $nav-tab-lin
347
383
  // Based on https://material.io/guidelines/components/text-fields.html#text-fields-states
348
384
 
349
385
  $textfield-border-color: rgba(0, 0, 0, 0.42) !default;
350
- $textfield-border-color-focus: theme-color(primary) !default;
386
+ $textfield-border-color-focus: theme-color(secondary) !default;
351
387
  $textfield-border-color-hover: rgba(0, 0, 0, 0.87) !default;
352
388
  $textfield-border-width: $border-width !default;
353
389
  $textfield-border-width-focus: ($textfield-border-width * 2) !default;
@@ -357,6 +393,7 @@ $textfield-color-disabled: $black-hint !default;
357
393
  $textfield-hint-color: $black-hint !default;
358
394
  $textfield-line-height: $line-height-base !default;
359
395
  $textfield-margin-x: $spacer !default;
396
+ $textfield-plaintext-color: $body-color !default;
360
397
 
361
398
  $textfield-font-size: 1rem !default;
362
399
  $textfield-font-size-lg: 2.125rem !default;
@@ -398,7 +435,7 @@ $textfield-box-padding-y-sm: (($textfield-box-height-sm - $textfield-font-size
398
435
  // Based on https://material.google.com/components/text-fields.html#text-fields-labels
399
436
 
400
437
  $floating-label-color: $textfield-hint-color !default;
401
- $floating-label-color-focus: theme-color(primary) !default;
438
+ $floating-label-color-focus: theme-color(secondary) !default;
402
439
  $floating-label-font-size-focus: 0.75rem !default;
403
440
 
404
441
  // Toolbar (Bootstrap navbar)
@@ -410,7 +447,7 @@ $toolbar-element-bg: $black-divider !default;
410
447
  $toolbar-element-border-radius: $border-radius !default;
411
448
  $toolbar-element-height: 2.25rem !default;
412
449
  $toolbar-element-opacity: 0.7 !default;
413
- $toolbar-elevation-shadow: $elevation-shadow-4dp !default;
450
+ $toolbar-elevation-shadow: map-get($elevation-shadows, 4) !default;
414
451
  $toolbar-height: 3.5rem !default;
415
452
  $toolbar-inner-spacer-x: 1rem !default;
416
453
  $toolbar-link-font-size: 1rem !default;
@@ -432,6 +469,7 @@ $toolbar-dark-element-bg: $white-divider !default;
432
469
 
433
470
  $tooltip-bg: $material-color-grey-700 !default;
434
471
  $tooltip-border-radius: $border-radius !default;
472
+ $tooltip-breakpoint: md !default;
435
473
  $tooltip-color: $white-primary !default;
436
474
  $tooltip-font-size: 0.875rem !default;
437
475
  $tooltip-font-size-desktop: 0.625rem !default;
@@ -446,4 +484,4 @@ $tooltip-padding-x-desktop: 0.5rem !default;
446
484
  $tooltip-padding-y: (($tooltip-height - $tooltip-font-size * $tooltip-line-height) / 2) !default;
447
485
  $tooltip-padding-y-desktop: (($tooltip-height-desktop - $tooltip-font-size-desktop * $tooltip-line-height) / 2) !default;
448
486
  $tooltip-scale: 0.87 !default;
449
- $tooltip-zindex: $elevation-24dp !default;
487
+ $tooltip-zindex: map-get($elevations, 24) !default;
@@ -1,5 +1,5 @@
1
1
  module Material
2
2
  module Sass
3
- VERSION = '4.0.0'
3
+ VERSION = '4.1.0'
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: material-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.0.0
4
+ version: 4.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - mkhairi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-02-13 00:00:00.000000000 Z
11
+ date: 2018-04-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -81,14 +81,13 @@ files:
81
81
  - assets/javascripts/material-sprockets.js
82
82
  - assets/javascripts/material.js
83
83
  - assets/javascripts/material.min.js
84
- - assets/javascripts/material/addons/pickadate.js
85
84
  - assets/javascripts/material/components/expansion-panel.js
86
85
  - assets/javascripts/material/components/floating-label.js
87
86
  - assets/javascripts/material/components/nav-drawer.js
87
+ - assets/javascripts/material/components/pickdate.js
88
88
  - assets/javascripts/material/components/selection-control-focus.js
89
89
  - assets/javascripts/material/components/tab-switch.js
90
90
  - assets/javascripts/material/components/util.js
91
- - assets/stylesheets/material.min.css
92
91
  - assets/stylesheets/material.scss
93
92
  - assets/stylesheets/material/_colors.scss
94
93
  - assets/stylesheets/material/_functions.scss
@@ -131,6 +130,8 @@ files:
131
130
  - assets/stylesheets/material/material/_progress-circular.scss
132
131
  - assets/stylesheets/material/material/_progress.scss
133
132
  - assets/stylesheets/material/material/_selection-control.scss
133
+ - assets/stylesheets/material/material/_slider.scss
134
+ - assets/stylesheets/material/material/_snackbar.scss
134
135
  - assets/stylesheets/material/material/_stepper.scss
135
136
  - assets/stylesheets/material/material/_tab.scss
136
137
  - assets/stylesheets/material/material/_text-field-box.scss
@@ -147,7 +148,6 @@ files:
147
148
  - assets/stylesheets/material/mixins/_form.scss
148
149
  - assets/stylesheets/material/mixins/_grid-framework.scss
149
150
  - assets/stylesheets/material/mixins/_grid.scss
150
- - assets/stylesheets/material/mixins/_hex-to-rgba.scss
151
151
  - assets/stylesheets/material/mixins/_hover.scss
152
152
  - assets/stylesheets/material/mixins/_image.scss
153
153
  - assets/stylesheets/material/mixins/_list.scss
@@ -155,7 +155,6 @@ files:
155
155
  - assets/stylesheets/material/mixins/_nav-divider.scss
156
156
  - assets/stylesheets/material/mixins/_reset-text.scss
157
157
  - assets/stylesheets/material/mixins/_screenreader.scss
158
- - assets/stylesheets/material/mixins/_strip-unit.scss
159
158
  - assets/stylesheets/material/mixins/_text-alignment.scss
160
159
  - assets/stylesheets/material/mixins/_text-emphasis.scss
161
160
  - assets/stylesheets/material/mixins/_text-hide.scss
@@ -172,6 +171,7 @@ files:
172
171
  - assets/stylesheets/material/utilities/_material-icons.scss
173
172
  - assets/stylesheets/material/utilities/_position.scss
174
173
  - assets/stylesheets/material/utilities/_screenreader.scss
174
+ - assets/stylesheets/material/utilities/_shadows.scss
175
175
  - assets/stylesheets/material/utilities/_sizing.scss
176
176
  - assets/stylesheets/material/utilities/_spacing.scss
177
177
  - assets/stylesheets/material/utilities/_text.scss
@@ -1,152 +0,0 @@
1
- /*
2
- * Customise pickadate JavaScript for Material
3
- */
4
- (function ($) {
5
- 'use strict';
6
-
7
- var Datepicker = function Datepicker(element, options) {
8
- this._element = element;
9
- this._options = options;
10
- };
11
-
12
- Datepicker.DEFAULTS = {
13
- cancel: 'Cancel',
14
- closeOnCancel: true,
15
- closeOnSelect: false,
16
- container: 'body',
17
- disable: [],
18
- firstDay: 0,
19
- format: 'd/m/yyyy',
20
- formatSubmit: '',
21
- klass: {
22
- // button
23
- buttonClear: 'btn btn-outline-primary picker-button-clear',
24
- buttonClose: 'btn btn-outline-primary picker-button-close',
25
- buttonToday: 'btn btn-outline-primary picker-button-today',
26
- // day
27
- day: 'picker-day',
28
- disabled: 'picker-day-disabled',
29
- highlighted: 'picker-day-highlighted',
30
- infocus: 'picker-day-infocus',
31
- now: 'picker-day-today',
32
- outfocus: 'picker-day-outfocus',
33
- selected: 'picker-day-selected',
34
- weekdays: 'picker-weekday',
35
- // element
36
- box: 'picker-box',
37
- footer: 'picker-footer',
38
- frame: 'picker-frame',
39
- header: 'picker-header',
40
- holder: 'picker-holder',
41
- table: 'picker-table',
42
- wrap: 'picker-wrap',
43
- // input element
44
- active: 'picker-input-active',
45
- input: 'picker-input',
46
- // month and year nav
47
- month: 'picker-month',
48
- navDisabled: 'picker-nav-disabled',
49
- navNext: 'material-icons picker-nav-next',
50
- navPrev: 'material-icons picker-nav-prev',
51
- selectMonth: 'picker-select-month',
52
- selectYear: 'picker-select-year',
53
- year: 'picker-year',
54
- // root picker
55
- focused: 'picker-focused',
56
- opened: 'picker-opened',
57
- picker: 'picker'
58
- },
59
- max: false,
60
- min: false,
61
- monthsFull: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
62
- monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
63
- ok: 'OK',
64
- onClose: false,
65
- onOpen: false,
66
- onRender: false,
67
- onSet: false,
68
- onStart: false,
69
- onStop: false,
70
- selectMonths: false,
71
- selectYears: false,
72
- today: '',
73
- weekdaysFull: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
74
- weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
75
- };
76
-
77
- Datepicker.prototype.display = function (datepickerApi, datepickerRoot, datepickerValue) {
78
- $('.picker-date-display', datepickerRoot).remove();
79
- $('.picker-wrap', datepickerRoot).prepend('<div class="picker-date-display">' + '<div class="picker-date-display-top">' + '<span class="picker-year-display">' + datepickerApi.get(datepickerValue, 'yyyy') + '</span>' + '</div>' + '<div class="picker-date-display-bottom">' + '<span class="picker-weekday-display">' + datepickerApi.get(datepickerValue, 'dddd') + '</span>' + '<span class="picker-day-display">' + datepickerApi.get(datepickerValue, 'd') + '</span>' + '<span class="picker-month-display">' + datepickerApi.get(datepickerValue, 'mmm') + '</span>' + '</div>' + '</div>');
80
- };
81
-
82
- Datepicker.prototype.show = function () {
83
- var that = this;
84
- $(this._element).pickadate({
85
- clear: that._options.cancel,
86
- close: that._options.ok,
87
- closeOnClear: that._options.closeOnCancel,
88
- closeOnSelect: that._options.closeOnSelect,
89
- container: that._options.container,
90
- disable: that._options.disable,
91
- firstDay: that._options.firstDay,
92
- format: that._options.format,
93
- formatSubmit: that._options.formatSubmit,
94
- klass: that._options.klass,
95
- max: that._options.max,
96
- min: that._options.min,
97
- monthsFull: that._options.monthsFull,
98
- monthsShort: that._options.monthsShort,
99
- onClose: that._options.onClose,
100
- onOpen: that._options.onOpen,
101
- onRender: that._options.onRender,
102
- onSet: that._options.onSet,
103
- onStart: that._options.onStart,
104
- onStop: that._options.onStop,
105
- selectMonths: that._options.selectMonths,
106
- selectYears: that._options.selectYears,
107
- today: that._options.today,
108
- weekdaysFull: that._options.weekdaysFull,
109
- weekdaysShort: that._options.weekdaysShort
110
- });
111
- var datepickerApi = $(this._element).pickadate('picker'),
112
- datepickerNode = datepickerApi.$node,
113
- datepickerRoot = datepickerApi.$root;
114
- datepickerApi.on({
115
- close: function close() {
116
- $(document.activeElement).blur();
117
- },
118
- open: function open() {
119
- if (!$('.picker__date-display', datepickerRoot).length) {
120
- that.display(datepickerApi, datepickerRoot, 'highlight');
121
- }
122
- },
123
- set: function set() {
124
- if (datepickerApi.get('select') !== null) {
125
- that.display(datepickerApi, datepickerRoot, 'select');
126
- }
127
- }
128
- });
129
- };
130
-
131
- function Plugin(option) {
132
- return this.each(function () {
133
- var data = $(this).data('bs.pickdate');
134
- var options = $.extend({}, Datepicker.DEFAULTS, $(this).data(), typeof option == 'object' && option);
135
-
136
- if (!data) {
137
- $(this).data('bs.pickdate', data = new Datepicker(this, options));
138
- }
139
-
140
- data.show();
141
- });
142
- }
143
-
144
- var old = $.fn.pickdate;
145
- $.fn.pickdate = Plugin;
146
- $.fn.pickdate.Constructor = Datepicker;
147
-
148
- $.fn.pickdate.noConflict = function () {
149
- $.fn.pickdate = old;
150
- return this;
151
- };
152
- })(jQuery);