dlegr250_material_design 0.1.15 → 0.1.16

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 (31) hide show
  1. checksums.yaml +4 -4
  2. data/lib/dlegr250_material_design/version.rb +1 -1
  3. data/vendor/assets/javascripts/base/init.js.coffee +1 -0
  4. data/vendor/assets/javascripts/components/forms.coffee +16 -3
  5. data/vendor/assets/javascripts/components/input_masks.coffee +11 -0
  6. data/vendor/assets/javascripts/components/snackbar_handler.coffee +5 -0
  7. data/vendor/assets/javascripts/dlegr250_material_design.js +1 -0
  8. data/vendor/assets/javascripts/third_party/jquery.inputmask.min.3.2.8-11.js +10 -0
  9. data/vendor/assets/stylesheets/base/base.scss +0 -1
  10. data/vendor/assets/stylesheets/base/global_classes.scss +25 -3
  11. data/vendor/assets/stylesheets/base/mixins.scss +22 -0
  12. data/vendor/assets/stylesheets/base/variables.scss +3 -1
  13. data/vendor/assets/stylesheets/components/badges.scss +14 -3
  14. data/vendor/assets/stylesheets/components/blank_slates.scss +6 -6
  15. data/vendor/assets/stylesheets/components/boxes.scss +33 -2
  16. data/vendor/assets/stylesheets/components/buttons.scss +8 -11
  17. data/vendor/assets/stylesheets/components/cards.scss +13 -1
  18. data/vendor/assets/stylesheets/components/dividers.scss +4 -4
  19. data/vendor/assets/stylesheets/components/forms/fields.scss +105 -12
  20. data/vendor/assets/stylesheets/components/forms/helper_texts.scss +16 -1
  21. data/vendor/assets/stylesheets/components/forms/labels.scss +28 -0
  22. data/vendor/assets/stylesheets/components/forms/segmented_controls.scss +13 -3
  23. data/vendor/assets/stylesheets/components/grid_lists.scss +40 -0
  24. data/vendor/assets/stylesheets/components/lists.scss +78 -136
  25. data/vendor/assets/stylesheets/components/panels.scss +40 -0
  26. data/vendor/assets/stylesheets/components/steppers.scss +100 -0
  27. data/vendor/assets/stylesheets/components/tabs.scss +7 -0
  28. data/vendor/assets/stylesheets/components/tooltips.scss +1 -0
  29. data/vendor/assets/stylesheets/dlegr250_material_design.scss +3 -0
  30. data/vendor/assets/stylesheets/layouts/application/appbar.scss +4 -0
  31. metadata +7 -2
data/vendor/assets/stylesheets/components/panels.scss ADDED
@@ -0,0 +1,40 @@
1
+ //======================================================================
2
+ // For key-value lists with more content than just text.
3
+ //======================================================================
4
+
5
+ .panel-list.panel-description-align-right {
6
+ .panel-description {
7
+ text-align: right;
8
+ }
9
+ }
10
+
11
+ // Panels
12
+ //----------------------------------------------------------------------
13
+
14
+ .panel {
15
+ display: block;
16
+ text-align: left;
17
+ width: 100%;
18
+ @include flex-parent-row-align-top();
19
+ }
20
+
21
+ .panel-description,
22
+ .panel-content {
23
+ padding: $spacing-small;
24
+ }
25
+
26
+ .panel-description {
27
+ width: 25%;
28
+
29
+ .panel-title {
30
+ font-weight: bold;
31
+ }
32
+
33
+ .panel-subtitle {
34
+ @extend .helper-text;
35
+ }
36
+ }
37
+
38
+ .panel-content {
39
+ flex: 1; // To fill empty gaps
40
+ }
data/vendor/assets/stylesheets/components/steppers.scss ADDED
@@ -0,0 +1,100 @@
1
+ //======================================================================
2
+ // EXAMPLE:
3
+ // <div class="steps">
4
+ // <div class="step-item active">
5
+ // <div class="step-item-icon">
6
+ // <div class="step-item-icon-circle">1</div>
7
+ // </div>
8
+ // <div class="step-item-primary">
9
+ // Primary Text
10
+ // <div class="step-item-primary-subtext">
11
+ // Subtext
12
+ // </div>
13
+ // </div>
14
+ // </div>
15
+ // </div>
16
+ //======================================================================
17
+
18
+ // Steps - base
19
+ //----------------------------------------------------------------------
20
+
21
+ .steps {}
22
+
23
+ // Steps - step item
24
+ //----------------------------------------------------------------------
25
+
26
+ .step-item {
27
+ @include flex-parent-row();
28
+ @include transition(background-color 0.30s ease);
29
+ }
30
+
31
+ // Steps - step item children
32
+ //----------------------------------------------------------------------
33
+
34
+ .step-item-icon,
35
+ .step-item-primary {
36
+ box-sizing: border-box;
37
+ padding-bottom: $spacing-normal;
38
+ padding-top: $spacing-normal;
39
+ }
40
+
41
+ // Steps - step item circle
42
+ //----------------------------------------------------------------------
43
+
44
+ .step-item-icon {
45
+ padding: $spacing-normal;
46
+ text-align: center;
47
+ }
48
+
49
+ .step-item-icon-circle {
50
+ background-color: color("grey");
51
+ color: color("white");
52
+ display: inline-block;
53
+ height: 24px;
54
+ line-height: 24px;
55
+ text-align: center;
56
+ width: 24px;
57
+ @include rounded-corners(50%);
58
+ }
59
+
60
+ // Steps - step item primary
61
+ //----------------------------------------------------------------------
62
+
63
+ .step-item-primary {
64
+ color: color("text");
65
+ flex: 1;
66
+ font-size: $font-size-normal;
67
+ overflow: hidden;
68
+ text-overflow: ellipsis;
69
+ white-space: nowrap;
70
+ }
71
+
72
+ .step-item-primary-subtext {
73
+ color: color("helper");
74
+ font-size: $font-size-small;
75
+ padding-top: $spacing-xsmall;
76
+ }
77
+
78
+ // Steps - active step
79
+ //----------------------------------------------------------------------
80
+
81
+ .step-item.active {
82
+ background-color: color("hover");
83
+
84
+ .step-item-icon-circle {
85
+ background-color: color("primary");
86
+ }
87
+
88
+ .step-item-primary {
89
+ font-weight: bold;
90
+ }
91
+ }
92
+
93
+ // Steps - finished step (shoulder override active step)
94
+ //----------------------------------------------------------------------
95
+
96
+ .step-item.finished {
97
+ .step-item-icon-circle {
98
+ background-color: color("green");
99
+ }
100
+ }
data/vendor/assets/stylesheets/components/tabs.scss CHANGED
@@ -8,6 +8,11 @@
8
8
  width: 100%;
9
9
  }
10
10
 
11
+ .tabs-bordered {
12
+ // border-bottom: 2px solid color("divider");
13
+ @include box-shadow(0 1px color("divider"));
14
+ }
15
+
11
16
  // Tabs - tab
12
17
  //----------------------------------------------------------------------
13
18
 
@@ -38,6 +43,8 @@
38
43
  }
39
44
  }
40
45
 
46
+
47
+
41
48
  // Tabs - colored
42
49
  //----------------------------------------------------------------------
43
50
 
data/vendor/assets/stylesheets/components/tooltips.scss CHANGED
@@ -14,6 +14,7 @@
14
14
  background: color("snackbar");
15
15
  color: color("white");
16
16
  content: attr(data-tooltip);
17
+ font-family: "Roboto", sans-serif;
17
18
  font-size: $font-size-small;
18
19
  left: 50%;
19
20
  line-height: normal;
data/vendor/assets/stylesheets/dlegr250_material_design.scss CHANGED
@@ -39,7 +39,10 @@
39
39
  @import "components/cards";
40
40
  @import "components/dialogs";
41
41
  @import "components/overlay";
42
+ @import "components/panels";
42
43
  @import "components/lists";
44
+ @import "components/grid_lists";
43
45
  @import "components/tooltips";
46
+ @import "components/steppers";
44
47
  @import "components/spinners";
45
48
  @import "components/code";
data/vendor/assets/stylesheets/layouts/application/appbar.scss CHANGED
@@ -47,6 +47,10 @@
47
47
  overflow: hidden;
48
48
  text-overflow: ellipsis;
49
49
  white-space: nowrap;
50
+
51
+ a {
52
+ color: $appbar-text-color;
53
+ }
50
54
  }
51
55
 
52
56
  // appbar - actions
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.15
4
+ version: 0.1.16
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2016-02-23 00:00:00.000000000 Z
11
+ date: 2016-03-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -79,6 +79,7 @@ files:
79
79
  - vendor/assets/javascripts/base/init.js.coffee
80
80
  - vendor/assets/javascripts/components/dialog.coffee
81
81
  - vendor/assets/javascripts/components/forms.coffee
82
+ - vendor/assets/javascripts/components/input_masks.coffee
82
83
  - vendor/assets/javascripts/components/layout.coffee
83
84
  - vendor/assets/javascripts/components/menus.coffee
84
85
  - vendor/assets/javascripts/components/snackbar_handler.coffee
@@ -88,6 +89,7 @@ files:
88
89
  - vendor/assets/javascripts/extensions/coffeescript.js.coffee
89
90
  - vendor/assets/javascripts/extensions/jquery.js.coffee
90
91
  - vendor/assets/javascripts/third_party/handlebars.latest.js
92
+ - vendor/assets/javascripts/third_party/jquery.inputmask.min.3.2.8-11.js
91
93
  - vendor/assets/javascripts/third_party/snackbarlight.js
92
94
  - vendor/assets/stylesheets/base/base.scss
93
95
  - vendor/assets/stylesheets/base/global_classes.scss
@@ -110,11 +112,14 @@ files:
110
112
  - vendor/assets/stylesheets/components/forms/selects.scss
111
113
  - vendor/assets/stylesheets/components/forms/text_fields.scss
112
114
  - vendor/assets/stylesheets/components/forms/toggles.scss
115
+ - vendor/assets/stylesheets/components/grid_lists.scss
113
116
  - vendor/assets/stylesheets/components/lists.scss
114
117
  - vendor/assets/stylesheets/components/menus.scss
115
118
  - vendor/assets/stylesheets/components/overlay.scss
119
+ - vendor/assets/stylesheets/components/panels.scss
116
120
  - vendor/assets/stylesheets/components/snackbarlight.scss
117
121
  - vendor/assets/stylesheets/components/spinners.scss
122
+ - vendor/assets/stylesheets/components/steppers.scss
118
123
  - vendor/assets/stylesheets/components/tabs.scss
119
124
  - vendor/assets/stylesheets/components/tooltips.scss
120
125
  - vendor/assets/stylesheets/dlegr250_material_design.scss