material-ui 0.7.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +9 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +21 -0
  5. data/README.md +31 -0
  6. data/Rakefile +20 -0
  7. data/lib/material-ui.rb +4 -0
  8. data/material-ui-gem.gemspec +33 -0
  9. data/vendor/assets/javascripts/material-ui.js +1 -0
  10. data/vendor/assets/javascripts/material-ui/components/app-bar.jsx +93 -0
  11. data/vendor/assets/javascripts/material-ui/components/app-canvas.jsx +27 -0
  12. data/vendor/assets/javascripts/material-ui/components/checkbox.jsx +60 -0
  13. data/vendor/assets/javascripts/material-ui/components/date-picker/calendar-month.jsx +59 -0
  14. data/vendor/assets/javascripts/material-ui/components/date-picker/calendar-toolbar.jsx +64 -0
  15. data/vendor/assets/javascripts/material-ui/components/date-picker/calendar.jsx +194 -0
  16. data/vendor/assets/javascripts/material-ui/components/date-picker/date-display.jsx +79 -0
  17. data/vendor/assets/javascripts/material-ui/components/date-picker/date-picker-dialog.jsx +118 -0
  18. data/vendor/assets/javascripts/material-ui/components/date-picker/date-picker.jsx +116 -0
  19. data/vendor/assets/javascripts/material-ui/components/date-picker/day-button.jsx +49 -0
  20. data/vendor/assets/javascripts/material-ui/components/dialog-window.jsx +183 -0
  21. data/vendor/assets/javascripts/material-ui/components/dialog.jsx +54 -0
  22. data/vendor/assets/javascripts/material-ui/components/drop-down-icon.jsx +68 -0
  23. data/vendor/assets/javascripts/material-ui/components/drop-down-menu.jsx +94 -0
  24. data/vendor/assets/javascripts/material-ui/components/enhanced-button.jsx +147 -0
  25. data/vendor/assets/javascripts/material-ui/components/enhanced-switch.jsx +296 -0
  26. data/vendor/assets/javascripts/material-ui/components/enhanced-textarea.jsx +113 -0
  27. data/vendor/assets/javascripts/material-ui/components/flat-button.jsx +46 -0
  28. data/vendor/assets/javascripts/material-ui/components/floating-action-button.jsx +123 -0
  29. data/vendor/assets/javascripts/material-ui/components/font-icon.jsx +23 -0
  30. data/vendor/assets/javascripts/material-ui/components/icon-button.jsx +123 -0
  31. data/vendor/assets/javascripts/material-ui/components/ink-bar.jsx +25 -0
  32. data/vendor/assets/javascripts/material-ui/components/input.jsx +143 -0
  33. data/vendor/assets/javascripts/material-ui/components/left-nav.jsx +105 -0
  34. data/vendor/assets/javascripts/material-ui/components/menu/link-menu-item.jsx +42 -0
  35. data/vendor/assets/javascripts/material-ui/components/menu/menu-item.jsx +105 -0
  36. data/vendor/assets/javascripts/material-ui/components/menu/menu.jsx +325 -0
  37. data/vendor/assets/javascripts/material-ui/components/menu/subheader-menu-item.jsx +18 -0
  38. data/vendor/assets/javascripts/material-ui/components/mixins/classable.js +42 -0
  39. data/vendor/assets/javascripts/material-ui/components/mixins/click-awayable.js +35 -0
  40. data/vendor/assets/javascripts/material-ui/components/mixins/window-listenable.js +23 -0
  41. data/vendor/assets/javascripts/material-ui/components/overlay.jsx +58 -0
  42. data/vendor/assets/javascripts/material-ui/components/paper.jsx +58 -0
  43. data/vendor/assets/javascripts/material-ui/components/radio-button-group.jsx +112 -0
  44. data/vendor/assets/javascripts/material-ui/components/radio-button.jsx +65 -0
  45. data/vendor/assets/javascripts/material-ui/components/raised-button.jsx +102 -0
  46. data/vendor/assets/javascripts/material-ui/components/ripples/circle.jsx +35 -0
  47. data/vendor/assets/javascripts/material-ui/components/ripples/focus-ripple.jsx +40 -0
  48. data/vendor/assets/javascripts/material-ui/components/ripples/touch-ripple.jsx +174 -0
  49. data/vendor/assets/javascripts/material-ui/components/slider.jsx +178 -0
  50. data/vendor/assets/javascripts/material-ui/components/snackbar.jsx +76 -0
  51. data/vendor/assets/javascripts/material-ui/components/svg-icons/drop-down-arrow.jsx +16 -0
  52. data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-chevron-left.jsx +16 -0
  53. data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-chevron-right.jsx +17 -0
  54. data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-menu.jsx +16 -0
  55. data/vendor/assets/javascripts/material-ui/components/svg-icons/svg-icon.jsx +23 -0
  56. data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-check-box-checked.jsx +16 -0
  57. data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-check-box-outline-blank.jsx +16 -0
  58. data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-radio-button-off.jsx +16 -0
  59. data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-radio-button-on.jsx +16 -0
  60. data/vendor/assets/javascripts/material-ui/components/table-header.jsx +50 -0
  61. data/vendor/assets/javascripts/material-ui/components/table-rows-item.jsx +31 -0
  62. data/vendor/assets/javascripts/material-ui/components/table-rows.jsx +57 -0
  63. data/vendor/assets/javascripts/material-ui/components/tabs/tab.jsx +38 -0
  64. data/vendor/assets/javascripts/material-ui/components/tabs/tabTemplate.jsx +15 -0
  65. data/vendor/assets/javascripts/material-ui/components/tabs/tabs.jsx +96 -0
  66. data/vendor/assets/javascripts/material-ui/components/text-field.jsx +215 -0
  67. data/vendor/assets/javascripts/material-ui/components/toggle.jsx +62 -0
  68. data/vendor/assets/javascripts/material-ui/components/toolbar-group.jsx +28 -0
  69. data/vendor/assets/javascripts/material-ui/components/toolbar.jsx +21 -0
  70. data/vendor/assets/javascripts/material-ui/components/tooltip.jsx +58 -0
  71. data/vendor/assets/javascripts/material-ui/components/transition-groups/slide-in.jsx +48 -0
  72. data/vendor/assets/javascripts/material-ui/components/utils/css-event.js +52 -0
  73. data/vendor/assets/javascripts/material-ui/components/utils/date-time.js +132 -0
  74. data/vendor/assets/javascripts/material-ui/components/utils/dom.js +71 -0
  75. data/vendor/assets/javascripts/material-ui/components/utils/events.js +34 -0
  76. data/vendor/assets/javascripts/material-ui/components/utils/key-code.js +10 -0
  77. data/vendor/assets/javascripts/material-ui/components/utils/key-line.js +13 -0
  78. data/vendor/assets/javascripts/material-ui/components/utils/unique-id.js +7 -0
  79. data/vendor/assets/stylesheets/material-ui.less +2 -0
  80. data/vendor/assets/stylesheets/material-ui/components.less +5 -0
  81. data/vendor/assets/stylesheets/material-ui/components/app-bar.less +37 -0
  82. data/vendor/assets/stylesheets/material-ui/components/card.less +20 -0
  83. data/vendor/assets/stylesheets/material-ui/components/checkbox.less +66 -0
  84. data/vendor/assets/stylesheets/material-ui/components/components.less +37 -0
  85. data/vendor/assets/stylesheets/material-ui/components/date-picker/calendar-month.less +11 -0
  86. data/vendor/assets/stylesheets/material-ui/components/date-picker/calendar-toolbar.less +23 -0
  87. data/vendor/assets/stylesheets/material-ui/components/date-picker/calendar.less +59 -0
  88. data/vendor/assets/stylesheets/material-ui/components/date-picker/date-display.less +84 -0
  89. data/vendor/assets/stylesheets/material-ui/components/date-picker/date-picker-dialog.less +18 -0
  90. data/vendor/assets/stylesheets/material-ui/components/date-picker/date-picker.less +9 -0
  91. data/vendor/assets/stylesheets/material-ui/components/date-picker/day-button.less +35 -0
  92. data/vendor/assets/stylesheets/material-ui/components/dialog-window.less +42 -0
  93. data/vendor/assets/stylesheets/material-ui/components/dialog.less +10 -0
  94. data/vendor/assets/stylesheets/material-ui/components/drop-down-icon.less +43 -0
  95. data/vendor/assets/stylesheets/material-ui/components/drop-down-menu.less +77 -0
  96. data/vendor/assets/stylesheets/material-ui/components/enhanced-button.less +24 -0
  97. data/vendor/assets/stylesheets/material-ui/components/enhanced-switch.less +52 -0
  98. data/vendor/assets/stylesheets/material-ui/components/enhanced-textarea.less +16 -0
  99. data/vendor/assets/stylesheets/material-ui/components/flat-button.less +93 -0
  100. data/vendor/assets/stylesheets/material-ui/components/floating-action-button.less +95 -0
  101. data/vendor/assets/stylesheets/material-ui/components/font-icon.less +6 -0
  102. data/vendor/assets/stylesheets/material-ui/components/icon-button.less +46 -0
  103. data/vendor/assets/stylesheets/material-ui/components/ink-bar.less +9 -0
  104. data/vendor/assets/stylesheets/material-ui/components/input.less +186 -0
  105. data/vendor/assets/stylesheets/material-ui/components/left-nav.less +31 -0
  106. data/vendor/assets/stylesheets/material-ui/components/menu-item.less +69 -0
  107. data/vendor/assets/stylesheets/material-ui/components/menu.less +50 -0
  108. data/vendor/assets/stylesheets/material-ui/components/overlay.less +21 -0
  109. data/vendor/assets/stylesheets/material-ui/components/paper.less +59 -0
  110. data/vendor/assets/stylesheets/material-ui/components/radio-button.less +67 -0
  111. data/vendor/assets/stylesheets/material-ui/components/raised-button.less +132 -0
  112. data/vendor/assets/stylesheets/material-ui/components/ripples/circle.less +31 -0
  113. data/vendor/assets/stylesheets/material-ui/components/ripples/focus-ripple.less +30 -0
  114. data/vendor/assets/stylesheets/material-ui/components/ripples/touch-ripple.less +9 -0
  115. data/vendor/assets/stylesheets/material-ui/components/slider.less +163 -0
  116. data/vendor/assets/stylesheets/material-ui/components/snackbar.less +44 -0
  117. data/vendor/assets/stylesheets/material-ui/components/subheader.less +17 -0
  118. data/vendor/assets/stylesheets/material-ui/components/svg-icon.less +11 -0
  119. data/vendor/assets/stylesheets/material-ui/components/table.less +46 -0
  120. data/vendor/assets/stylesheets/material-ui/components/tabs.less +41 -0
  121. data/vendor/assets/stylesheets/material-ui/components/text-field.less +168 -0
  122. data/vendor/assets/stylesheets/material-ui/components/toggle.less +83 -0
  123. data/vendor/assets/stylesheets/material-ui/components/toolbar.less +95 -0
  124. data/vendor/assets/stylesheets/material-ui/components/tooltip.less +73 -0
  125. data/vendor/assets/stylesheets/material-ui/components/transition-groups/slide-in.less +92 -0
  126. data/vendor/assets/stylesheets/material-ui/core/base.less +31 -0
  127. data/vendor/assets/stylesheets/material-ui/core/core.less +4 -0
  128. data/vendor/assets/stylesheets/material-ui/core/keylines.less +29 -0
  129. data/vendor/assets/stylesheets/material-ui/core/layouts.less +12 -0
  130. data/vendor/assets/stylesheets/material-ui/core/typography.less +158 -0
  131. data/vendor/assets/stylesheets/material-ui/mixins/clearfix.less +22 -0
  132. data/vendor/assets/stylesheets/material-ui/mixins/mixins.less +3 -0
  133. data/vendor/assets/stylesheets/material-ui/mixins/no-wrap.less +3 -0
  134. data/vendor/assets/stylesheets/material-ui/mixins/transitions.less +17 -0
  135. data/vendor/assets/stylesheets/material-ui/resets/normalize.css +430 -0
  136. data/vendor/assets/stylesheets/material-ui/resets/typography-resets.less +34 -0
  137. data/vendor/assets/stylesheets/material-ui/scaffolding.less +10 -0
  138. data/vendor/assets/stylesheets/material-ui/variables/colors.less +285 -0
  139. data/vendor/assets/stylesheets/material-ui/variables/custom-variables.less +163 -0
  140. data/vendor/assets/stylesheets/material-ui/variables/media-queries.less +4 -0
  141. data/vendor/assets/stylesheets/material-ui/variables/spacing.less +16 -0
  142. metadata +268 -0
@@ -0,0 +1,34 @@
1
+ /*------------------------------------*
2
+ RESET
3
+ *------------------------------------*/
4
+ body, div, dl, dt, dd, ul, ol, li,
5
+ h1, h2, h3, h4, h5, h6,
6
+ pre, form, fieldset, input, textarea,
7
+ p, blockquote, th, td {
8
+ margin: 0;
9
+ padding: 0;
10
+ }
11
+ table {
12
+ border-collapse: collapse;
13
+ border-spacing: 0;
14
+ }
15
+ fieldset, img {
16
+ border: 0;
17
+ }
18
+ address, caption, cite, dfn, th, var {
19
+ font-style: normal;
20
+ font-weight: normal;
21
+ }
22
+ caption, th {
23
+ text-align: left;
24
+ }
25
+ h1, h2, h3, h4, h5, h6 {
26
+ font-size: 100%;
27
+ font-weight: normal;
28
+ }
29
+ q:before, q:after {
30
+ content: '';
31
+ }
32
+ abbr, acronym {
33
+ border: 0;
34
+ }
@@ -0,0 +1,10 @@
1
+ // Reset and dependencies
2
+ @import (less)"resets/normalize.css";
3
+ @import "resets/typography-resets.less";
4
+
5
+ // Core variables and mixins
6
+ @import "variables/colors.less";
7
+ @import "variables/media-queries.less";
8
+ @import "variables/spacing.less";
9
+ @import "variables/custom-variables.less";
10
+ @import "mixins/mixins.less";
@@ -0,0 +1,285 @@
1
+ @red-50: #ffebee;
2
+ @red-100: #ffcdd2;
3
+ @red-200: #ef9a9a;
4
+ @red-300: #e57373;
5
+ @red-400: #ef5350;
6
+ @red-500: #f44336;
7
+ @red-600: #e53935;
8
+ @red-700: #d32f2f;
9
+ @red-800: #c62828;
10
+ @red-900: #b71c1c;
11
+ @red-A100: #ff8a80;
12
+ @red-A200: #ff5252;
13
+ @red-A400: #ff1744;
14
+ @red-A700: #d50000;
15
+
16
+ @pink-50: #fce4ec;
17
+ @pink-100: #f8bbd0;
18
+ @pink-200: #f48fb1;
19
+ @pink-300: #f06292;
20
+ @pink-400: #ec407a;
21
+ @pink-500: #e91e63;
22
+ @pink-600: #d81b60;
23
+ @pink-700: #c2185b;
24
+ @pink-800: #ad1457;
25
+ @pink-900: #880e4f;
26
+ @pink-A100: #ff80ab;
27
+ @pink-A200: #ff4081;
28
+ @pink-A400: #f50057;
29
+ @pink-A700: #c51162;
30
+
31
+ @purple-50: #f3e5f5;
32
+ @purple-100: #e1bee7;
33
+ @purple-200: #ce93d8;
34
+ @purple-300: #ba68c8;
35
+ @purple-400: #ab47bc;
36
+ @purple-500: #9c27b0;
37
+ @purple-600: #8e24aa;
38
+ @purple-700: #7b1fa2;
39
+ @purple-800: #6a1b9a;
40
+ @purple-900: #4a148c;
41
+ @purple-A100: #ea80fc;
42
+ @purple-A200: #e040fb;
43
+ @purple-A400: #d500f9;
44
+ @purple-A700: #aa00ff;
45
+
46
+ @deep-purple-50: #ede7f6;
47
+ @deep-purple-100: #d1c4e9;
48
+ @deep-purple-200: #b39ddb;
49
+ @deep-purple-300: #9575cd;
50
+ @deep-purple-400: #7e57c2;
51
+ @deep-purple-500: #673ab7;
52
+ @deep-purple-600: #5e35b1;
53
+ @deep-purple-700: #512da8;
54
+ @deep-purple-800: #4527a0;
55
+ @deep-purple-900: #311b92;
56
+ @deep-purple-A100: #b388ff;
57
+ @deep-purple-A200: #7c4dff;
58
+ @deep-purple-A400: #651fff;
59
+ @deep-purple-A700: #6200ea;
60
+
61
+ @indigo-50: #e8eaf6;
62
+ @indigo-100: #c5cae9;
63
+ @indigo-200: #9fa8da;
64
+ @indigo-300: #7986cb;
65
+ @indigo-400: #5c6bc0;
66
+ @indigo-500: #3f51b5;
67
+ @indigo-600: #3949ab;
68
+ @indigo-700: #303f9f;
69
+ @indigo-800: #283593;
70
+ @indigo-900: #1a237e;
71
+ @indigo-A100: #8c9eff;
72
+ @indigo-A200: #536dfe;
73
+ @indigo-A400: #3d5afe;
74
+ @indigo-A700: #304ffe;
75
+
76
+ @blue-50: #e3f2fd;
77
+ @blue-100: #bbdefb;
78
+ @blue-200: #90caf9;
79
+ @blue-300: #64b5f6;
80
+ @blue-400: #42a5f5;
81
+ @blue-500: #2196f3;
82
+ @blue-600: #1e88e5;
83
+ @blue-700: #1976d2;
84
+ @blue-800: #1565c0;
85
+ @blue-900: #0d47a1;
86
+ @blue-A100: #82b1ff;
87
+ @blue-A200: #448aff;
88
+ @blue-A400: #2979ff;
89
+ @blue-A700: #2962ff;
90
+
91
+ @light-blue-50: #e1f5fe;
92
+ @light-blue-100: #b3e5fc;
93
+ @light-blue-200: #81d4fa;
94
+ @light-blue-300: #4fc3f7;
95
+ @light-blue-400: #29b6f6;
96
+ @light-blue-500: #03a9f4;
97
+ @light-blue-600: #039be5;
98
+ @light-blue-700: #0288d1;
99
+ @light-blue-800: #0277bd;
100
+ @light-blue-900: #01579b;
101
+ @light-blue-A100: #80d8ff;
102
+ @light-blue-A200: #40c4ff;
103
+ @light-blue-A400: #00b0ff;
104
+ @light-blue-A700: #0091ea;
105
+
106
+ @cyan-50: #e0f7fa;
107
+ @cyan-100: #b2ebf2;
108
+ @cyan-200: #80deea;
109
+ @cyan-300: #4dd0e1;
110
+ @cyan-400: #26c6da;
111
+ @cyan-500: #00bcd4;
112
+ @cyan-600: #00acc1;
113
+ @cyan-700: #0097a7;
114
+ @cyan-800: #00838f;
115
+ @cyan-900: #006064;
116
+ @cyan-A100: #84ffff;
117
+ @cyan-A200: #18ffff;
118
+ @cyan-A400: #00e5ff;
119
+ @cyan-A700: #00b8d4;
120
+
121
+ @teal-50: #e0f2f1;
122
+ @teal-100: #b2dfdb;
123
+ @teal-200: #80cbc4;
124
+ @teal-300: #4db6ac;
125
+ @teal-400: #26a69a;
126
+ @teal-500: #009688;
127
+ @teal-600: #00897b;
128
+ @teal-700: #00796b;
129
+ @teal-800: #00695c;
130
+ @teal-900: #004d40;
131
+ @teal-A100: #a7ffeb;
132
+ @teal-A200: #64ffda;
133
+ @teal-A400: #1de9b6;
134
+ @teal-A700: #00bfa5;
135
+
136
+ @green-50: #e8f5e9;
137
+ @green-100: #c8e6c9;
138
+ @green-200: #a5d6a7;
139
+ @green-300: #81c784;
140
+ @green-400: #66bb6a;
141
+ @green-500: #4caf50;
142
+ @green-600: #43a047;
143
+ @green-700: #388e3c;
144
+ @green-800: #2e7d32;
145
+ @green-900: #1b5e20;
146
+ @green-A100: #b9f6ca;
147
+ @green-A200: #69f0ae;
148
+ @green-A400: #00e676;
149
+ @green-A700: #00c853;
150
+
151
+ @light-green-50: #f1f8e9;
152
+ @light-green-100: #dcedc8;
153
+ @light-green-200: #c5e1a5;
154
+ @light-green-300: #aed581;
155
+ @light-green-400: #9ccc65;
156
+ @light-green-500: #8bc34a;
157
+ @light-green-600: #7cb342;
158
+ @light-green-700: #689f38;
159
+ @light-green-800: #558b2f;
160
+ @light-green-900: #33691e;
161
+ @light-green-A100: #ccff90;
162
+ @light-green-A200: #b2ff59;
163
+ @light-green-A400: #76ff03;
164
+ @light-green-A700: #64dd17;
165
+
166
+ @lime-50: #f9fbe7;
167
+ @lime-100: #f0f4c3;
168
+ @lime-200: #e6ee9c;
169
+ @lime-300: #dce775;
170
+ @lime-400: #d4e157;
171
+ @lime-500: #cddc39;
172
+ @lime-600: #c0ca33;
173
+ @lime-700: #afb42b;
174
+ @lime-800: #9e9d24;
175
+ @lime-900: #827717;
176
+ @lime-A100: #f4ff81;
177
+ @lime-A200: #eeff41;
178
+ @lime-A400: #c6ff00;
179
+ @lime-A700: #aeea00;
180
+
181
+ @yellow-50: #fffde7;
182
+ @yellow-100: #fff9c4;
183
+ @yellow-200: #fff59d;
184
+ @yellow-300: #fff176;
185
+ @yellow-400: #ffee58;
186
+ @yellow-500: #ffeb3b;
187
+ @yellow-600: #fdd835;
188
+ @yellow-700: #fbc02d;
189
+ @yellow-800: #f9a825;
190
+ @yellow-900: #f57f17;
191
+ @yellow-A100: #ffff8d;
192
+ @yellow-A200: #ffff00;
193
+ @yellow-A400: #ffea00;
194
+ @yellow-A700: #ffd600;
195
+
196
+ @amber-50: #fff8e1;
197
+ @amber-100: #ffecb3;
198
+ @amber-200: #ffe082;
199
+ @amber-300: #ffd54f;
200
+ @amber-400: #ffca28;
201
+ @amber-500: #ffc107;
202
+ @amber-600: #ffb300;
203
+ @amber-700: #ffa000;
204
+ @amber-800: #ff8f00;
205
+ @amber-900: #ff6f00;
206
+ @amber-A100: #ffe57f;
207
+ @amber-A200: #ffd740;
208
+ @amber-A400: #ffc400;
209
+ @amber-A700: #ffab00;
210
+
211
+ @orange-50: #fff3e0;
212
+ @orange-100: #ffe0b2;
213
+ @orange-200: #ffcc80;
214
+ @orange-300: #ffb74d;
215
+ @orange-400: #ffa726;
216
+ @orange-500: #ff9800;
217
+ @orange-600: #fb8c00;
218
+ @orange-700: #f57c00;
219
+ @orange-800: #ef6c00;
220
+ @orange-900: #e65100;
221
+ @orange-A100: #ffd180;
222
+ @orange-A200: #ffab40;
223
+ @orange-A400: #ff9100;
224
+ @orange-A700: #ff6d00;
225
+
226
+ @deep-orange-50: #fbe9e7;
227
+ @deep-orange-100: #ffccbc;
228
+ @deep-orange-200: #ffab91;
229
+ @deep-orange-300: #ff8a65;
230
+ @deep-orange-400: #ff7043;
231
+ @deep-orange-500: #ff5722;
232
+ @deep-orange-600: #f4511e;
233
+ @deep-orange-700: #e64a19;
234
+ @deep-orange-800: #d84315;
235
+ @deep-orange-900: #bf360c;
236
+ @deep-orange-A100: #ff9e80;
237
+ @deep-orange-A200: #ff6e40;
238
+ @deep-orange-A400: #ff3d00;
239
+ @deep-orange-A700: #dd2c00;
240
+
241
+ @brown-50: #efebe9;
242
+ @brown-100: #d7ccc8;
243
+ @brown-200: #bcaaa4;
244
+ @brown-300: #a1887f;
245
+ @brown-400: #8d6e63;
246
+ @brown-500: #795548;
247
+ @brown-600: #6d4c41;
248
+ @brown-700: #5d4037;
249
+ @brown-800: #4e342e;
250
+ @brown-900: #3e2723;
251
+
252
+ @blue-grey-50: #eceff1;
253
+ @blue-grey-100: #cfd8dc;
254
+ @blue-grey-200: #b0bec5;
255
+ @blue-grey-300: #90a4ae;
256
+ @blue-grey-400: #78909c;
257
+ @blue-grey-500: #607d8b;
258
+ @blue-grey-600: #546e7a;
259
+ @blue-grey-700: #455a64;
260
+ @blue-grey-800: #37474f;
261
+ @blue-grey-900: #263238;
262
+
263
+ @grey-50: #fafafa;
264
+ @grey-100: #f5f5f5;
265
+ @grey-200: #eeeeee;
266
+ @grey-300: #e0e0e0;
267
+ @grey-400: #bdbdbd;
268
+ @grey-500: #9e9e9e;
269
+ @grey-600: #757575;
270
+ @grey-700: #616161;
271
+ @grey-800: #424242;
272
+ @grey-900: #212121;
273
+
274
+ @black: #000000;
275
+ @white: #ffffff;
276
+
277
+ @transparent: rgba(0, 0, 0, 0);
278
+ @full-black: rgba(0, 0, 0, 1);
279
+ @dark-black: rgba(0, 0, 0, 0.87);
280
+ @light-black: rgba(0, 0, 0, 0.54);
281
+ @min-black: rgba(0, 0, 0, 0.26);
282
+ @faint-black: rgba(0, 0, 0, 0.12);
283
+ @full-white: rgba(255, 255, 255, 1);
284
+ @dark-white: rgba(255, 255, 255, 0.87);
285
+ @light-white: rgba(255, 255, 255, 0.54);
@@ -0,0 +1,163 @@
1
+ // Feel free to change this file to customize your app.
2
+ // This is place to put any variable overrides as well.
3
+
4
+ //Typography
5
+ @headingFontFamily: 'Roboto', sans-serif;
6
+ @contentFontFamily: 'Roboto', sans-serif;
7
+
8
+ //App Colors
9
+ @primary-1-color: @cyan-500;
10
+ @primary-2-color: @cyan-700;
11
+ @primary-3-color: @cyan-100;
12
+ @accent-1-color: @pink-A200;
13
+ @accent-2-color: @pink-A400;
14
+ @accent-3-color: @pink-A100;
15
+
16
+ //Text Colors
17
+ @body-text-color: @dark-black;
18
+
19
+ //Border Colors
20
+ @border-color: @grey-300;
21
+
22
+ //Component Colors
23
+ @app-bar-color: @primary-1-color;
24
+ @app-bar-text-color: @dark-white;
25
+ @canvas-color: @white;
26
+ @drop-down-menu-icon-color: @min-black;
27
+ @left-nav-color: @white;
28
+ @subheader-border-color: @border-color;
29
+ @subheader-text-color: @primary-1-color;
30
+
31
+ //Disabled Colors
32
+ @disabled-color: fade(@body-text-color, 30%);
33
+
34
+ //Date Picker
35
+ @date-picker-color: @primary-1-color;
36
+ @date-picker-text-color: @white;
37
+ @date-picker-calendar-text-color: @body-text-color;
38
+ @date-picker-select-color: @primary-2-color;
39
+ @date-picker-select-text-color: @white;
40
+
41
+ // menu
42
+ @menu-background-color: @white;
43
+ @menu-item-data-height: 32px;
44
+ @menu-item-height: 48px;
45
+ @menu-item-hover-color: rgba(0, 0, 0, .035);
46
+ @menu-item-padding: @desktop-gutter;
47
+ @menu-item-selected-text-color: @accent-1-color;
48
+ @menu-container-background-color: white;
49
+ @menu-subheader-padding: @desktop-gutter;
50
+
51
+ // buttons
52
+ @button-height: 36px;
53
+ @button-min-width: 88px;
54
+
55
+ @flat-button-color: @white;
56
+ @flat-button-hover-color: darken(@flat-button-color, 10%);
57
+ @flat-button-text-color: @body-text-color;
58
+ @flat-button-ripple-color: rgba(0,0,0,0.1);
59
+ @flat-button-focus-ripple-color: fade(@flat-button-ripple-color, 7%);
60
+ @flat-button-primary-hover-color: lighten(@accent-1-color, 32%);
61
+ @flat-button-primary-text-color: @accent-1-color;
62
+ @flat-button-primary-ripple-color: fade(@flat-button-primary-text-color, 20%);
63
+ @flat-button-primary-focus-ripple-color: fade(@flat-button-primary-ripple-color, 20%);
64
+ @flat-button-secondary-hover-color: lighten(@primary-1-color, 52%);
65
+ @flat-button-secondary-text-color: @primary-1-color;
66
+ @flat-button-secondary-ripple-color: fade(@flat-button-secondary-text-color, 20%);
67
+ @flat-button-secondary-focus-ripple-color: fade(@flat-button-secondary-ripple-color, 20%);
68
+ @flat-button-disabled-text-color: fade(@flat-button-text-color, 30%);
69
+
70
+ @raised-button-color: @white;
71
+ @raised-button-hover-color: darken(@raised-button-color, 10%);
72
+ @raised-button-text-color: @body-text-color;
73
+ @raised-button-ripple-color: rgba(0,0,0,0.1);
74
+ @raised-button-focus-ripple-color: fade(@raised-button-ripple-color, 7%);
75
+ @raised-button-primary-color: @accent-1-color;
76
+ @raised-button-primary-hover-color: darken(@accent-1-color, 15%);
77
+ @raised-button-primary-text-color: @white;
78
+ @raised-button-primary-ripple-color: fade(@white, 50%);
79
+ @raised-button-primary-focus-ripple-color: @raised-button-primary-ripple-color;
80
+ @raised-button-secondary-color: @primary-1-color;
81
+ @raised-button-secondary-hover-color: darken(@primary-1-color, 4%);
82
+ @raised-button-secondary-text-color: @white;
83
+ @raised-button-secondary-ripple-color: fade(@white, 35%);
84
+ @raised-button-secondary-focus-ripple-color: @raised-button-secondary-ripple-color;
85
+ @raised-button-disabled-color: @raised-button-hover-color;
86
+ @raised-button-disabled-text-color: fade(@raised-button-text-color, 30%);
87
+
88
+ @floating-action-button-size: 56px;
89
+ @floating-action-button-mini-size: 40px;
90
+ @floating-action-button-color: @accent-1-color;
91
+ @floating-action-button-icon-color: @white;
92
+ @floating-action-button-hover-color: @raised-button-primary-hover-color;
93
+ @floating-action-button-ripple-color: @raised-button-primary-ripple-color;
94
+ @floating-action-button-focus-ripple-color: @raised-button-primary-ripple-color;
95
+ @floating-action-button-secondary-color: @primary-1-color;
96
+ @floating-action-button-secondary-icon-color: @white;
97
+ @floating-action-button-secondary-hover-color: @raised-button-secondary-hover-color;
98
+ @floating-action-button-secondary-ripple-color: @raised-button-secondary-ripple-color;
99
+ @floating-action-button-secondary-focus-ripple-color: @raised-button-secondary-ripple-color;
100
+ @floating-action-button-disabled-color: @raised-button-disabled-color;
101
+ @floating-action-button-disabled-text-color: @raised-button-disabled-text-color;
102
+
103
+ // input
104
+ @input-width: 320px;
105
+ @input-font-size: 16px;
106
+ @input-placeholder-size: 13px;
107
+ @input-error-color: red;
108
+ @input-bar-height: 2px;
109
+
110
+ // switches
111
+ @switches-ripple-color: fade(@primary-1-color, 20%);
112
+
113
+ // radio button
114
+ @radio-button-size: 24px;
115
+ @radio-button-border-color: @body-text-color;
116
+ @radio-button-background-color: white;
117
+ @radio-button-checked-color: @primary-1-color;
118
+ @radio-button-required-color: @primary-1-color;
119
+ @radio-button-disabled-color: @disabled-color;
120
+
121
+ // checkbox
122
+ @checkbox-box-color: @body-text-color;
123
+ @checkbox-checked-color: @primary-1-color;
124
+ @checkbox-required-color: @primary-1-color;
125
+ @checkbox-disabled-color: @disabled-color;
126
+
127
+ // snackbar
128
+ @mui-snackbar-text-color: white;
129
+ @mui-snackbar-background-color: #323232;
130
+ @mui-snackbar-action-color: @accent-1-color;
131
+
132
+ // toggle
133
+ @toggle-size: 20px;
134
+ @toggle-thumb-on-color: @primary-1-color;
135
+ @toggle-thumb-off-color: @grey-50;
136
+ @toggle-thumb-disabled-color: @grey-400;
137
+ @toggle-thumb-required-color: @primary-1-color;
138
+ @toggle-track-on-color: fadeout(@toggle-thumb-on-color, 50%);
139
+ @toggle-track-off-color: @min-black;
140
+ @toggle-track-disabled-color: @faint-black;
141
+ @toggle-track-required-color: fadeout(@toggle-thumb-required-color, 50%);
142
+
143
+ // toolbar
144
+ @toolbar-background-color: darken(#eeeeee, 5%);
145
+ @toolbar-height: 56px;
146
+ @toolbar-icon-color: rgba(0, 0, 0, .40);
147
+ @toolbar-separator-color: rgba(0, 0, 0, .175);
148
+ @toolbar-menu-hover-color: rgba(0, 0, 0, .10);
149
+ @toolbar-menu-hover-color: @white;
150
+
151
+ // slider
152
+ @slider-track-size: 2px;
153
+ @slider-track-color: @min-black;
154
+ @slider-track-color-selected: @grey-500;
155
+ @slider-handle-size: 12px;
156
+ @slider-handle-size-active: @slider-handle-size * 2;
157
+ @slider-handle-size-disabled: 8px;
158
+ @slider-handle-color-zero: @grey-400;
159
+ @slider-selection-color: @primary-3-color;
160
+
161
+ // layout
162
+ @app-bar-height: @desktop-keyline-increment;
163
+ @left-nav-width: (@desktop-keyline-increment * 4);