material-ui 0.7.3.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +9 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +21 -0
- data/README.md +31 -0
- data/Rakefile +20 -0
- data/lib/material-ui.rb +4 -0
- data/material-ui-gem.gemspec +33 -0
- data/vendor/assets/javascripts/material-ui.js +1 -0
- data/vendor/assets/javascripts/material-ui/components/app-bar.jsx +93 -0
- data/vendor/assets/javascripts/material-ui/components/app-canvas.jsx +27 -0
- data/vendor/assets/javascripts/material-ui/components/checkbox.jsx +60 -0
- data/vendor/assets/javascripts/material-ui/components/date-picker/calendar-month.jsx +59 -0
- data/vendor/assets/javascripts/material-ui/components/date-picker/calendar-toolbar.jsx +64 -0
- data/vendor/assets/javascripts/material-ui/components/date-picker/calendar.jsx +194 -0
- data/vendor/assets/javascripts/material-ui/components/date-picker/date-display.jsx +79 -0
- data/vendor/assets/javascripts/material-ui/components/date-picker/date-picker-dialog.jsx +118 -0
- data/vendor/assets/javascripts/material-ui/components/date-picker/date-picker.jsx +116 -0
- data/vendor/assets/javascripts/material-ui/components/date-picker/day-button.jsx +49 -0
- data/vendor/assets/javascripts/material-ui/components/dialog-window.jsx +183 -0
- data/vendor/assets/javascripts/material-ui/components/dialog.jsx +54 -0
- data/vendor/assets/javascripts/material-ui/components/drop-down-icon.jsx +68 -0
- data/vendor/assets/javascripts/material-ui/components/drop-down-menu.jsx +94 -0
- data/vendor/assets/javascripts/material-ui/components/enhanced-button.jsx +147 -0
- data/vendor/assets/javascripts/material-ui/components/enhanced-switch.jsx +296 -0
- data/vendor/assets/javascripts/material-ui/components/enhanced-textarea.jsx +113 -0
- data/vendor/assets/javascripts/material-ui/components/flat-button.jsx +46 -0
- data/vendor/assets/javascripts/material-ui/components/floating-action-button.jsx +123 -0
- data/vendor/assets/javascripts/material-ui/components/font-icon.jsx +23 -0
- data/vendor/assets/javascripts/material-ui/components/icon-button.jsx +123 -0
- data/vendor/assets/javascripts/material-ui/components/ink-bar.jsx +25 -0
- data/vendor/assets/javascripts/material-ui/components/input.jsx +143 -0
- data/vendor/assets/javascripts/material-ui/components/left-nav.jsx +105 -0
- data/vendor/assets/javascripts/material-ui/components/menu/link-menu-item.jsx +42 -0
- data/vendor/assets/javascripts/material-ui/components/menu/menu-item.jsx +105 -0
- data/vendor/assets/javascripts/material-ui/components/menu/menu.jsx +325 -0
- data/vendor/assets/javascripts/material-ui/components/menu/subheader-menu-item.jsx +18 -0
- data/vendor/assets/javascripts/material-ui/components/mixins/classable.js +42 -0
- data/vendor/assets/javascripts/material-ui/components/mixins/click-awayable.js +35 -0
- data/vendor/assets/javascripts/material-ui/components/mixins/window-listenable.js +23 -0
- data/vendor/assets/javascripts/material-ui/components/overlay.jsx +58 -0
- data/vendor/assets/javascripts/material-ui/components/paper.jsx +58 -0
- data/vendor/assets/javascripts/material-ui/components/radio-button-group.jsx +112 -0
- data/vendor/assets/javascripts/material-ui/components/radio-button.jsx +65 -0
- data/vendor/assets/javascripts/material-ui/components/raised-button.jsx +102 -0
- data/vendor/assets/javascripts/material-ui/components/ripples/circle.jsx +35 -0
- data/vendor/assets/javascripts/material-ui/components/ripples/focus-ripple.jsx +40 -0
- data/vendor/assets/javascripts/material-ui/components/ripples/touch-ripple.jsx +174 -0
- data/vendor/assets/javascripts/material-ui/components/slider.jsx +178 -0
- data/vendor/assets/javascripts/material-ui/components/snackbar.jsx +76 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/drop-down-arrow.jsx +16 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-chevron-left.jsx +16 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-chevron-right.jsx +17 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-menu.jsx +16 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/svg-icon.jsx +23 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-check-box-checked.jsx +16 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-check-box-outline-blank.jsx +16 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-radio-button-off.jsx +16 -0
- data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-radio-button-on.jsx +16 -0
- data/vendor/assets/javascripts/material-ui/components/table-header.jsx +50 -0
- data/vendor/assets/javascripts/material-ui/components/table-rows-item.jsx +31 -0
- data/vendor/assets/javascripts/material-ui/components/table-rows.jsx +57 -0
- data/vendor/assets/javascripts/material-ui/components/tabs/tab.jsx +38 -0
- data/vendor/assets/javascripts/material-ui/components/tabs/tabTemplate.jsx +15 -0
- data/vendor/assets/javascripts/material-ui/components/tabs/tabs.jsx +96 -0
- data/vendor/assets/javascripts/material-ui/components/text-field.jsx +215 -0
- data/vendor/assets/javascripts/material-ui/components/toggle.jsx +62 -0
- data/vendor/assets/javascripts/material-ui/components/toolbar-group.jsx +28 -0
- data/vendor/assets/javascripts/material-ui/components/toolbar.jsx +21 -0
- data/vendor/assets/javascripts/material-ui/components/tooltip.jsx +58 -0
- data/vendor/assets/javascripts/material-ui/components/transition-groups/slide-in.jsx +48 -0
- data/vendor/assets/javascripts/material-ui/components/utils/css-event.js +52 -0
- data/vendor/assets/javascripts/material-ui/components/utils/date-time.js +132 -0
- data/vendor/assets/javascripts/material-ui/components/utils/dom.js +71 -0
- data/vendor/assets/javascripts/material-ui/components/utils/events.js +34 -0
- data/vendor/assets/javascripts/material-ui/components/utils/key-code.js +10 -0
- data/vendor/assets/javascripts/material-ui/components/utils/key-line.js +13 -0
- data/vendor/assets/javascripts/material-ui/components/utils/unique-id.js +7 -0
- data/vendor/assets/stylesheets/material-ui.less +2 -0
- data/vendor/assets/stylesheets/material-ui/components.less +5 -0
- data/vendor/assets/stylesheets/material-ui/components/app-bar.less +37 -0
- data/vendor/assets/stylesheets/material-ui/components/card.less +20 -0
- data/vendor/assets/stylesheets/material-ui/components/checkbox.less +66 -0
- data/vendor/assets/stylesheets/material-ui/components/components.less +37 -0
- data/vendor/assets/stylesheets/material-ui/components/date-picker/calendar-month.less +11 -0
- data/vendor/assets/stylesheets/material-ui/components/date-picker/calendar-toolbar.less +23 -0
- data/vendor/assets/stylesheets/material-ui/components/date-picker/calendar.less +59 -0
- data/vendor/assets/stylesheets/material-ui/components/date-picker/date-display.less +84 -0
- data/vendor/assets/stylesheets/material-ui/components/date-picker/date-picker-dialog.less +18 -0
- data/vendor/assets/stylesheets/material-ui/components/date-picker/date-picker.less +9 -0
- data/vendor/assets/stylesheets/material-ui/components/date-picker/day-button.less +35 -0
- data/vendor/assets/stylesheets/material-ui/components/dialog-window.less +42 -0
- data/vendor/assets/stylesheets/material-ui/components/dialog.less +10 -0
- data/vendor/assets/stylesheets/material-ui/components/drop-down-icon.less +43 -0
- data/vendor/assets/stylesheets/material-ui/components/drop-down-menu.less +77 -0
- data/vendor/assets/stylesheets/material-ui/components/enhanced-button.less +24 -0
- data/vendor/assets/stylesheets/material-ui/components/enhanced-switch.less +52 -0
- data/vendor/assets/stylesheets/material-ui/components/enhanced-textarea.less +16 -0
- data/vendor/assets/stylesheets/material-ui/components/flat-button.less +93 -0
- data/vendor/assets/stylesheets/material-ui/components/floating-action-button.less +95 -0
- data/vendor/assets/stylesheets/material-ui/components/font-icon.less +6 -0
- data/vendor/assets/stylesheets/material-ui/components/icon-button.less +46 -0
- data/vendor/assets/stylesheets/material-ui/components/ink-bar.less +9 -0
- data/vendor/assets/stylesheets/material-ui/components/input.less +186 -0
- data/vendor/assets/stylesheets/material-ui/components/left-nav.less +31 -0
- data/vendor/assets/stylesheets/material-ui/components/menu-item.less +69 -0
- data/vendor/assets/stylesheets/material-ui/components/menu.less +50 -0
- data/vendor/assets/stylesheets/material-ui/components/overlay.less +21 -0
- data/vendor/assets/stylesheets/material-ui/components/paper.less +59 -0
- data/vendor/assets/stylesheets/material-ui/components/radio-button.less +67 -0
- data/vendor/assets/stylesheets/material-ui/components/raised-button.less +132 -0
- data/vendor/assets/stylesheets/material-ui/components/ripples/circle.less +31 -0
- data/vendor/assets/stylesheets/material-ui/components/ripples/focus-ripple.less +30 -0
- data/vendor/assets/stylesheets/material-ui/components/ripples/touch-ripple.less +9 -0
- data/vendor/assets/stylesheets/material-ui/components/slider.less +163 -0
- data/vendor/assets/stylesheets/material-ui/components/snackbar.less +44 -0
- data/vendor/assets/stylesheets/material-ui/components/subheader.less +17 -0
- data/vendor/assets/stylesheets/material-ui/components/svg-icon.less +11 -0
- data/vendor/assets/stylesheets/material-ui/components/table.less +46 -0
- data/vendor/assets/stylesheets/material-ui/components/tabs.less +41 -0
- data/vendor/assets/stylesheets/material-ui/components/text-field.less +168 -0
- data/vendor/assets/stylesheets/material-ui/components/toggle.less +83 -0
- data/vendor/assets/stylesheets/material-ui/components/toolbar.less +95 -0
- data/vendor/assets/stylesheets/material-ui/components/tooltip.less +73 -0
- data/vendor/assets/stylesheets/material-ui/components/transition-groups/slide-in.less +92 -0
- data/vendor/assets/stylesheets/material-ui/core/base.less +31 -0
- data/vendor/assets/stylesheets/material-ui/core/core.less +4 -0
- data/vendor/assets/stylesheets/material-ui/core/keylines.less +29 -0
- data/vendor/assets/stylesheets/material-ui/core/layouts.less +12 -0
- data/vendor/assets/stylesheets/material-ui/core/typography.less +158 -0
- data/vendor/assets/stylesheets/material-ui/mixins/clearfix.less +22 -0
- data/vendor/assets/stylesheets/material-ui/mixins/mixins.less +3 -0
- data/vendor/assets/stylesheets/material-ui/mixins/no-wrap.less +3 -0
- data/vendor/assets/stylesheets/material-ui/mixins/transitions.less +17 -0
- data/vendor/assets/stylesheets/material-ui/resets/normalize.css +430 -0
- data/vendor/assets/stylesheets/material-ui/resets/typography-resets.less +34 -0
- data/vendor/assets/stylesheets/material-ui/scaffolding.less +10 -0
- data/vendor/assets/stylesheets/material-ui/variables/colors.less +285 -0
- data/vendor/assets/stylesheets/material-ui/variables/custom-variables.less +163 -0
- data/vendor/assets/stylesheets/material-ui/variables/media-queries.less +4 -0
- data/vendor/assets/stylesheets/material-ui/variables/spacing.less +16 -0
- 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);
|