{"id":282315,"date":"2016-12-11T21:25:03","date_gmt":"2016-12-11T18:25:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=282315"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=282315","title":{"rendered":"\u0421\u043f\u0438\u0441\u043e\u043a \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 Material Design Lite"},"content":{"rendered":"<p>\u041f\u0440\u0438\u0432\u0435\u0442 \u0432\u0441\u0435\u043c,<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u044b \u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b\u0438 <a href=\"http:\/\/getmdl.io\/\">Material Design Lite<\/a>, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0438 \u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439 \u043f\u0430\u0442\u0442\u0435\u0440\u043d \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442. \u042d\u0442\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0443\u0434\u043e\u0431\u043d\u043e, \u043a\u043e\u0433\u0434\u0430 \u0438\u043c\u0435\u0435\u0448\u044c \u0434\u0435\u043b\u043e \u0441 \u0446\u0432\u0435\u0442\u0430\u043c\u0438 \u0444\u043e\u043d\u0430 \u0438\u043b\u0438 \u0442\u0435\u043a\u0441\u0442\u0430.<\/p>\n<p>  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/34a\/34a\/e22\/34a34ae22bf5a82e898a8cbb11309cb9.png\" width=\"300\" height=\"268\"\/><\/p>\n<p>  \u042d\u0442\u043e \u043f\u043e\u043b\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0434\u0430\u0442\u044c \u0432\u0430\u0448\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c, \u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c!<br \/>  <a name=\"habracut\"><\/a><\/p>\n<table>\n<thead>\n<tr>\n<th>\u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441<\/th>\n<th>\u0444\u043e\u043d\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441<\/th>\n<th>hex-\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>.mdl-color-text--red<\/code><\/td>\n<td><code>.mdl-color--red<\/code><\/td>\n<td>#f44336<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-50<\/code><\/td>\n<td><code>.mdl-color--red-50<\/code><\/td>\n<td>#ffebee<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-100<\/code><\/td>\n<td><code>.mdl-color--red-100<\/code><\/td>\n<td>#ffcdd2<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-200<\/code><\/td>\n<td><code>.mdl-color--red-200<\/code><\/td>\n<td>#ef9a9a<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-300<\/code><\/td>\n<td><code>.mdl-color--red-300<\/code><\/td>\n<td>#e57373<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-400<\/code><\/td>\n<td><code>.mdl-color--red-400<\/code><\/td>\n<td>#ef5350<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-500<\/code><\/td>\n<td><code>.mdl-color--red-500<\/code><\/td>\n<td>#f44336<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-600<\/code><\/td>\n<td><code>.mdl-color--red-600<\/code><\/td>\n<td>#e53935<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-700<\/code><\/td>\n<td><code>.mdl-color--red-700<\/code><\/td>\n<td>#d32f2f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-800<\/code><\/td>\n<td><code>.mdl-color--red-800<\/code><\/td>\n<td>#c62828<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-900<\/code><\/td>\n<td><code>.mdl-color--red-900<\/code><\/td>\n<td>#b71c1c<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-A100<\/code><\/td>\n<td><code>.mdl-color--red-A100<\/code><\/td>\n<td>#ff8a80<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-A200<\/code><\/td>\n<td><code>.mdl-color--red-A200<\/code><\/td>\n<td>#ff5252<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-A400<\/code><\/td>\n<td><code>.mdl-color--red-A400<\/code><\/td>\n<td>#ff1744<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--red-A700<\/code><\/td>\n<td><code>.mdl-color--red-A700<\/code><\/td>\n<td>#d50000<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink<\/code><\/td>\n<td><code>.mdl-color--pink<\/code><\/td>\n<td>#e91e63<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-50<\/code><\/td>\n<td><code>.mdl-color--pink-50<\/code><\/td>\n<td>#fce4ec<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-100<\/code><\/td>\n<td><code>.mdl-color--pink-100<\/code><\/td>\n<td>#f8bbd0<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-200<\/code><\/td>\n<td><code>.mdl-color--pink-200<\/code><\/td>\n<td>#f48fb1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-300<\/code><\/td>\n<td><code>.mdl-color--pink-300<\/code><\/td>\n<td>#f06292<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-400<\/code><\/td>\n<td><code>.mdl-color--pink-400<\/code><\/td>\n<td>#ec407a<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-500<\/code><\/td>\n<td><code>.mdl-color--pink-500<\/code><\/td>\n<td>#e91e63<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-600<\/code><\/td>\n<td><code>.mdl-color--pink-600<\/code><\/td>\n<td>#d81b60<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-700<\/code><\/td>\n<td><code>.mdl-color--pink-700<\/code><\/td>\n<td>#c2185b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-800<\/code><\/td>\n<td><code>.mdl-color--pink-800<\/code><\/td>\n<td>#ad1457<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-900<\/code><\/td>\n<td><code>.mdl-color--pink-900<\/code><\/td>\n<td>#880e4f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-A100<\/code><\/td>\n<td><code>.mdl-color--pink-A100<\/code><\/td>\n<td>#ff80ab<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-A200<\/code><\/td>\n<td><code>.mdl-color--pink-A200<\/code><\/td>\n<td>#ff4081<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-A400<\/code><\/td>\n<td><code>.mdl-color--pink-A400<\/code><\/td>\n<td>#f50057<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--pink-A700<\/code><\/td>\n<td><code>.mdl-color--pink-A700<\/code><\/td>\n<td>#c51162<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple<\/code><\/td>\n<td><code>.mdl-color--purple<\/code><\/td>\n<td>#9c27b0<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-50<\/code><\/td>\n<td><code>.mdl-color--purple-50<\/code><\/td>\n<td>#f3e5f5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-100<\/code><\/td>\n<td><code>.mdl-color--purple-100<\/code><\/td>\n<td>#e1bee7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-200<\/code><\/td>\n<td><code>.mdl-color--purple-200<\/code><\/td>\n<td>#ce93d8<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-300<\/code><\/td>\n<td><code>.mdl-color--purple-300<\/code><\/td>\n<td>#ba68c8<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-400<\/code><\/td>\n<td><code>.mdl-color--purple-400<\/code><\/td>\n<td>#ab47bc<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-500<\/code><\/td>\n<td><code>.mdl-color--purple-500<\/code><\/td>\n<td>#9c27b0<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-600<\/code><\/td>\n<td><code>.mdl-color--purple-600<\/code><\/td>\n<td>#8e24aa<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-700<\/code><\/td>\n<td><code>.mdl-color--purple-700<\/code><\/td>\n<td>#7b1fa2<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-800<\/code><\/td>\n<td><code>.mdl-color--purple-800<\/code><\/td>\n<td>#6a1b9a<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-900<\/code><\/td>\n<td><code>.mdl-color--purple-900<\/code><\/td>\n<td>#4a148c<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-A100<\/code><\/td>\n<td><code>.mdl-color--purple-A100<\/code><\/td>\n<td>#ea80fc<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-A200<\/code><\/td>\n<td><code>.mdl-color--purple-A200<\/code><\/td>\n<td>#e040fb<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-A400<\/code><\/td>\n<td><code>.mdl-color--purple-A400<\/code><\/td>\n<td>#d500f9<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--purple-A700<\/code><\/td>\n<td><code>.mdl-color--purple-A700<\/code><\/td>\n<td>#aa00ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple<\/code><\/td>\n<td><code>.mdl-color--deep-purple<\/code><\/td>\n<td>#673ab7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-50<\/code><\/td>\n<td><code>.mdl-color--deep-purple-50<\/code><\/td>\n<td>#ede7f6<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-100<\/code><\/td>\n<td><code>.mdl-color--deep-purple-100<\/code><\/td>\n<td>#d1c4e9<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-200<\/code><\/td>\n<td><code>.mdl-color--deep-purple-200<\/code><\/td>\n<td>#b39ddb<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-300<\/code><\/td>\n<td><code>.mdl-color--deep-purple-300<\/code><\/td>\n<td>#9575cd<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-400<\/code><\/td>\n<td><code>.mdl-color--deep-purple-400<\/code><\/td>\n<td>#7e57c2<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-500<\/code><\/td>\n<td><code>.mdl-color--deep-purple-500<\/code><\/td>\n<td>#673ab7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-600<\/code><\/td>\n<td><code>.mdl-color--deep-purple-600<\/code><\/td>\n<td>#5e35b1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-700<\/code><\/td>\n<td><code>.mdl-color--deep-purple-700<\/code><\/td>\n<td>#512da8<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-800<\/code><\/td>\n<td><code>.mdl-color--deep-purple-800<\/code><\/td>\n<td>#4527a0<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-900<\/code><\/td>\n<td><code>.mdl-color--deep-purple-900<\/code><\/td>\n<td>#311b92<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-A100<\/code><\/td>\n<td><code>.mdl-color--deep-purple-A100<\/code><\/td>\n<td>#b388ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-A200<\/code><\/td>\n<td><code>.mdl-color--deep-purple-A200<\/code><\/td>\n<td>#7c4dff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-A400<\/code><\/td>\n<td><code>.mdl-color--deep-purple-A400<\/code><\/td>\n<td>#651fff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-purple-A700<\/code><\/td>\n<td><code>.mdl-color--deep-purple-A700<\/code><\/td>\n<td>#6200ea<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo<\/code><\/td>\n<td><code>.mdl-color--indigo<\/code><\/td>\n<td>#3f51b5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-50<\/code><\/td>\n<td><code>.mdl-color--indigo-50<\/code><\/td>\n<td>#e8eaf6<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-100<\/code><\/td>\n<td><code>.mdl-color--indigo-100<\/code><\/td>\n<td>#c5cae9<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-200<\/code><\/td>\n<td><code>.mdl-color--indigo-200<\/code><\/td>\n<td>#9fa8da<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-300<\/code><\/td>\n<td><code>.mdl-color--indigo-300<\/code><\/td>\n<td>#7986cb<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-400<\/code><\/td>\n<td><code>.mdl-color--indigo-400<\/code><\/td>\n<td>#5c6bc0<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-500<\/code><\/td>\n<td><code>.mdl-color--indigo-500<\/code><\/td>\n<td>#3f51b5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-600<\/code><\/td>\n<td><code>.mdl-color--indigo-600<\/code><\/td>\n<td>#3949ab<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-700<\/code><\/td>\n<td><code>.mdl-color--indigo-700<\/code><\/td>\n<td>#303f9f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-800<\/code><\/td>\n<td><code>.mdl-color--indigo-800<\/code><\/td>\n<td>#283593<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-900<\/code><\/td>\n<td><code>.mdl-color--indigo-900<\/code><\/td>\n<td>#1a237e<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-A100<\/code><\/td>\n<td><code>.mdl-color--indigo-A100<\/code><\/td>\n<td>#8c9eff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-A200<\/code><\/td>\n<td><code>.mdl-color--indigo-A200<\/code><\/td>\n<td>#536dfe<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-A400<\/code><\/td>\n<td><code>.mdl-color--indigo-A400<\/code><\/td>\n<td>#3d5afe<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--indigo-A700<\/code><\/td>\n<td><code>.mdl-color--indigo-A700<\/code><\/td>\n<td>#304ffe<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue<\/code><\/td>\n<td><code>.mdl-color--blue<\/code><\/td>\n<td>#2196f3<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-50<\/code><\/td>\n<td><code>.mdl-color--blue-50<\/code><\/td>\n<td>#e3f2fd<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-100<\/code><\/td>\n<td><code>.mdl-color--blue-100<\/code><\/td>\n<td>#bbdefb<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-200<\/code><\/td>\n<td><code>.mdl-color--blue-200<\/code><\/td>\n<td>#90caf9<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-300<\/code><\/td>\n<td><code>.mdl-color--blue-300<\/code><\/td>\n<td>#64b5f6<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-400<\/code><\/td>\n<td><code>.mdl-color--blue-400<\/code><\/td>\n<td>#42a5f5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-500<\/code><\/td>\n<td><code>.mdl-color--blue-500<\/code><\/td>\n<td>#2196f3<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-600<\/code><\/td>\n<td><code>.mdl-color--blue-600<\/code><\/td>\n<td>#1e88e5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-700<\/code><\/td>\n<td><code>.mdl-color--blue-700<\/code><\/td>\n<td>#1976d2<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-800<\/code><\/td>\n<td><code>.mdl-color--blue-800<\/code><\/td>\n<td>#1565c0<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-900<\/code><\/td>\n<td><code>.mdl-color--blue-900<\/code><\/td>\n<td>#0d47a1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-A100<\/code><\/td>\n<td><code>.mdl-color--blue-A100<\/code><\/td>\n<td>#82b1ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-A200<\/code><\/td>\n<td><code>.mdl-color--blue-A200<\/code><\/td>\n<td>#448aff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-A400<\/code><\/td>\n<td><code>.mdl-color--blue-A400<\/code><\/td>\n<td>#2979ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-A700<\/code><\/td>\n<td><code>.mdl-color--blue-A700<\/code><\/td>\n<td>#2962ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue<\/code><\/td>\n<td><code>.mdl-color--light-blue<\/code><\/td>\n<td>#03a9f4<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-50<\/code><\/td>\n<td><code>.mdl-color--light-blue-50<\/code><\/td>\n<td>#e1f5fe<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-100<\/code><\/td>\n<td><code>.mdl-color--light-blue-100<\/code><\/td>\n<td>#b3e5fc<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-200<\/code><\/td>\n<td><code>.mdl-color--light-blue-200<\/code><\/td>\n<td>#81d4fa<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-300<\/code><\/td>\n<td><code>.mdl-color--light-blue-300<\/code><\/td>\n<td>#4fc3f7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-400<\/code><\/td>\n<td><code>.mdl-color--light-blue-400<\/code><\/td>\n<td>#29b6f6<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-500<\/code><\/td>\n<td><code>.mdl-color--light-blue-500<\/code><\/td>\n<td>#03a9f4<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-600<\/code><\/td>\n<td><code>.mdl-color--light-blue-600<\/code><\/td>\n<td>#039be5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-700<\/code><\/td>\n<td><code>.mdl-color--light-blue-700<\/code><\/td>\n<td>#0288d1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-800<\/code><\/td>\n<td><code>.mdl-color--light-blue-800<\/code><\/td>\n<td>#0277bd<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-900<\/code><\/td>\n<td><code>.mdl-color--light-blue-900<\/code><\/td>\n<td>#01579b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-A100<\/code><\/td>\n<td><code>.mdl-color--light-blue-A100<\/code><\/td>\n<td>#80d8ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-A200<\/code><\/td>\n<td><code>.mdl-color--light-blue-A200<\/code><\/td>\n<td>#40c4ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-A400<\/code><\/td>\n<td><code>.mdl-color--light-blue-A400<\/code><\/td>\n<td>#00b0ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-blue-A700<\/code><\/td>\n<td><code>.mdl-color--light-blue-A700<\/code><\/td>\n<td>#0091ea<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan<\/code><\/td>\n<td><code>.mdl-color--cyan<\/code><\/td>\n<td>#00bcd4<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-50<\/code><\/td>\n<td><code>.mdl-color--cyan-50<\/code><\/td>\n<td>#e0f7fa<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-100<\/code><\/td>\n<td><code>.mdl-color--cyan-100<\/code><\/td>\n<td>#b2ebf2<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-200<\/code><\/td>\n<td><code>.mdl-color--cyan-200<\/code><\/td>\n<td>#80deea<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-300<\/code><\/td>\n<td><code>.mdl-color--cyan-300<\/code><\/td>\n<td>#4dd0e1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-400<\/code><\/td>\n<td><code>.mdl-color--cyan-400<\/code><\/td>\n<td>#26c6da<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-500<\/code><\/td>\n<td><code>.mdl-color--cyan-500<\/code><\/td>\n<td>#00bcd4<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-600<\/code><\/td>\n<td><code>.mdl-color--cyan-600<\/code><\/td>\n<td>#00acc1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-700<\/code><\/td>\n<td><code>.mdl-color--cyan-700<\/code><\/td>\n<td>#0097a7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-800<\/code><\/td>\n<td><code>.mdl-color--cyan-800<\/code><\/td>\n<td>#00838f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-900<\/code><\/td>\n<td><code>.mdl-color--cyan-900<\/code><\/td>\n<td>#006064<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-A100<\/code><\/td>\n<td><code>.mdl-color--cyan-A100<\/code><\/td>\n<td>#84ffff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-A200<\/code><\/td>\n<td><code>.mdl-color--cyan-A200<\/code><\/td>\n<td>#18ffff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-A400<\/code><\/td>\n<td><code>.mdl-color--cyan-A400<\/code><\/td>\n<td>#00e5ff<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--cyan-A700<\/code><\/td>\n<td><code>.mdl-color--cyan-A700<\/code><\/td>\n<td>#00b8d4<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal<\/code><\/td>\n<td><code>.mdl-color--teal<\/code><\/td>\n<td>#009688<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-50<\/code><\/td>\n<td><code>.mdl-color--teal-50<\/code><\/td>\n<td>#e0f2f1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-100<\/code><\/td>\n<td><code>.mdl-color--teal-100<\/code><\/td>\n<td>#b2dfdb<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-200<\/code><\/td>\n<td><code>.mdl-color--teal-200<\/code><\/td>\n<td>#80cbc4<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-300<\/code><\/td>\n<td><code>.mdl-color--teal-300<\/code><\/td>\n<td>#4db6ac<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-400<\/code><\/td>\n<td><code>.mdl-color--teal-400<\/code><\/td>\n<td>#26a69a<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-500<\/code><\/td>\n<td><code>.mdl-color--teal-500<\/code><\/td>\n<td>#009688<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-600<\/code><\/td>\n<td><code>.mdl-color--teal-600<\/code><\/td>\n<td>#00897b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-700<\/code><\/td>\n<td><code>.mdl-color--teal-700<\/code><\/td>\n<td>#00796b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-800<\/code><\/td>\n<td><code>.mdl-color--teal-800<\/code><\/td>\n<td>#00695c<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-900<\/code><\/td>\n<td><code>.mdl-color--teal-900<\/code><\/td>\n<td>#004d40<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-A100<\/code><\/td>\n<td><code>.mdl-color--teal-A100<\/code><\/td>\n<td>#a7ffeb<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-A200<\/code><\/td>\n<td><code>.mdl-color--teal-A200<\/code><\/td>\n<td>#64ffda<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-A400<\/code><\/td>\n<td><code>.mdl-color--teal-A400<\/code><\/td>\n<td>#1de9b6<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--teal-A700<\/code><\/td>\n<td><code>.mdl-color--teal-A700<\/code><\/td>\n<td>#00bfa5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green<\/code><\/td>\n<td><code>.mdl-color--green<\/code><\/td>\n<td>#4caf50<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-50<\/code><\/td>\n<td><code>.mdl-color--green-50<\/code><\/td>\n<td>#e8f5e9<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-100<\/code><\/td>\n<td><code>.mdl-color--green-100<\/code><\/td>\n<td>#c8e6c9<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-200<\/code><\/td>\n<td><code>.mdl-color--green-200<\/code><\/td>\n<td>#a5d6a7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-300<\/code><\/td>\n<td><code>.mdl-color--green-300<\/code><\/td>\n<td>#81c784<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-400<\/code><\/td>\n<td><code>.mdl-color--green-400<\/code><\/td>\n<td>#66bb6a<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-500<\/code><\/td>\n<td><code>.mdl-color--green-500<\/code><\/td>\n<td>#4caf50<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-600<\/code><\/td>\n<td><code>.mdl-color--green-600<\/code><\/td>\n<td>#43a047<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-700<\/code><\/td>\n<td><code>.mdl-color--green-700<\/code><\/td>\n<td>#388e3c<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-800<\/code><\/td>\n<td><code>.mdl-color--green-800<\/code><\/td>\n<td>#2e7d32<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-900<\/code><\/td>\n<td><code>.mdl-color--green-900<\/code><\/td>\n<td>#1b5e20<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-A100<\/code><\/td>\n<td><code>.mdl-color--green-A100<\/code><\/td>\n<td>#b9f6ca<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-A200<\/code><\/td>\n<td><code>.mdl-color--green-A200<\/code><\/td>\n<td>#69f0ae<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-A400<\/code><\/td>\n<td><code>.mdl-color--green-A400<\/code><\/td>\n<td>#00e676<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--green-A700<\/code><\/td>\n<td><code>.mdl-color--green-A700<\/code><\/td>\n<td>#00c853<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green<\/code><\/td>\n<td><code>.mdl-color--light-green<\/code><\/td>\n<td>#8bc34a<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-50<\/code><\/td>\n<td><code>.mdl-color--light-green-50<\/code><\/td>\n<td>#f1f8e9<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-100<\/code><\/td>\n<td><code>.mdl-color--light-green-100<\/code><\/td>\n<td>#dcedc8<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-200<\/code><\/td>\n<td><code>.mdl-color--light-green-200<\/code><\/td>\n<td>#c5e1a5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-300<\/code><\/td>\n<td><code>.mdl-color--light-green-300<\/code><\/td>\n<td>#aed581<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-400<\/code><\/td>\n<td><code>.mdl-color--light-green-400<\/code><\/td>\n<td>#9ccc65<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-500<\/code><\/td>\n<td><code>.mdl-color--light-green-500<\/code><\/td>\n<td>#8bc34a<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-600<\/code><\/td>\n<td><code>.mdl-color--light-green-600<\/code><\/td>\n<td>#7cb342<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-700<\/code><\/td>\n<td><code>.mdl-color--light-green-700<\/code><\/td>\n<td>#689f38<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-800<\/code><\/td>\n<td><code>.mdl-color--light-green-800<\/code><\/td>\n<td>#558b2f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-900<\/code><\/td>\n<td><code>.mdl-color--light-green-900<\/code><\/td>\n<td>#33691e<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-A100<\/code><\/td>\n<td><code>.mdl-color--light-green-A100<\/code><\/td>\n<td>#ccff90<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-A200<\/code><\/td>\n<td><code>.mdl-color--light-green-A200<\/code><\/td>\n<td>#b2ff59<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-A400<\/code><\/td>\n<td><code>.mdl-color--light-green-A400<\/code><\/td>\n<td>#76ff03<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--light-green-A700<\/code><\/td>\n<td><code>.mdl-color--light-green-A700<\/code><\/td>\n<td>#64dd17<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime<\/code><\/td>\n<td><code>.mdl-color--lime<\/code><\/td>\n<td>#cddc39<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-50<\/code><\/td>\n<td><code>.mdl-color--lime-50<\/code><\/td>\n<td>#f9fbe7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-100<\/code><\/td>\n<td><code>.mdl-color--lime-100<\/code><\/td>\n<td>#f0f4c3<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-200<\/code><\/td>\n<td><code>.mdl-color--lime-200<\/code><\/td>\n<td>#e6ee9c<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-300<\/code><\/td>\n<td><code>.mdl-color--lime-300<\/code><\/td>\n<td>#dce775<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-400<\/code><\/td>\n<td><code>.mdl-color--lime-400<\/code><\/td>\n<td>#d4e157<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-500<\/code><\/td>\n<td><code>.mdl-color--lime-500<\/code><\/td>\n<td>#cddc39<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-600<\/code><\/td>\n<td><code>.mdl-color--lime-600<\/code><\/td>\n<td>#c0ca33<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-700<\/code><\/td>\n<td><code>.mdl-color--lime-700<\/code><\/td>\n<td>#afb42b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-800<\/code><\/td>\n<td><code>.mdl-color--lime-800<\/code><\/td>\n<td>#9e9d24<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-900<\/code><\/td>\n<td><code>.mdl-color--lime-900<\/code><\/td>\n<td>#827717<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-A100<\/code><\/td>\n<td><code>.mdl-color--lime-A100<\/code><\/td>\n<td>#f4ff81<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-A200<\/code><\/td>\n<td><code>.mdl-color--lime-A200<\/code><\/td>\n<td>#eeff41<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-A400<\/code><\/td>\n<td><code>.mdl-color--lime-A400<\/code><\/td>\n<td>#c6ff00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--lime-A700<\/code><\/td>\n<td><code>.mdl-color--lime-A700<\/code><\/td>\n<td>#aeea00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow<\/code><\/td>\n<td><code>.mdl-color--yellow<\/code><\/td>\n<td>#ffeb3b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-50<\/code><\/td>\n<td><code>.mdl-color--yellow-50<\/code><\/td>\n<td>#fffde7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-100<\/code><\/td>\n<td><code>.mdl-color--yellow-100<\/code><\/td>\n<td>#fff9c4<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-200<\/code><\/td>\n<td><code>.mdl-color--yellow-200<\/code><\/td>\n<td>#fff59d<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-300<\/code><\/td>\n<td><code>.mdl-color--yellow-300<\/code><\/td>\n<td>#fff176<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-400<\/code><\/td>\n<td><code>.mdl-color--yellow-400<\/code><\/td>\n<td>#ffee58<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-500<\/code><\/td>\n<td><code>.mdl-color--yellow-500<\/code><\/td>\n<td>#ffeb3b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-600<\/code><\/td>\n<td><code>.mdl-color--yellow-600<\/code><\/td>\n<td>#fdd835<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-700<\/code><\/td>\n<td><code>.mdl-color--yellow-700<\/code><\/td>\n<td>#fbc02d<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-800<\/code><\/td>\n<td><code>.mdl-color--yellow-800<\/code><\/td>\n<td>#f9a825<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-900<\/code><\/td>\n<td><code>.mdl-color--yellow-900<\/code><\/td>\n<td>#f57f17<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-A100<\/code><\/td>\n<td><code>.mdl-color--yellow-A100<\/code><\/td>\n<td>#ffff8d<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-A200<\/code><\/td>\n<td><code>.mdl-color--yellow-A200<\/code><\/td>\n<td>#ffff00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-A400<\/code><\/td>\n<td><code>.mdl-color--yellow-A400<\/code><\/td>\n<td>#ffea00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--yellow-A700<\/code><\/td>\n<td><code>.mdl-color--yellow-A700<\/code><\/td>\n<td>#ffd600<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber<\/code><\/td>\n<td><code>.mdl-color--amber<\/code><\/td>\n<td>#ffc107<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-50<\/code><\/td>\n<td><code>.mdl-color--amber-50<\/code><\/td>\n<td>#fff8e1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-100<\/code><\/td>\n<td><code>.mdl-color--amber-100<\/code><\/td>\n<td>#ffecb3<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-200<\/code><\/td>\n<td><code>.mdl-color--amber-200<\/code><\/td>\n<td>#ffe082<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-300<\/code><\/td>\n<td><code>.mdl-color--amber-300<\/code><\/td>\n<td>#ffd54f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-400<\/code><\/td>\n<td><code>.mdl-color--amber-400<\/code><\/td>\n<td>#ffca28<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-500<\/code><\/td>\n<td><code>.mdl-color--amber-500<\/code><\/td>\n<td>#ffc107<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-600<\/code><\/td>\n<td><code>.mdl-color--amber-600<\/code><\/td>\n<td>#ffb300<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-700<\/code><\/td>\n<td><code>.mdl-color--amber-700<\/code><\/td>\n<td>#ffa000<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-800<\/code><\/td>\n<td><code>.mdl-color--amber-800<\/code><\/td>\n<td>#ff8f00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-900<\/code><\/td>\n<td><code>.mdl-color--amber-900<\/code><\/td>\n<td>#ff6f00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-A100<\/code><\/td>\n<td><code>.mdl-color--amber-A100<\/code><\/td>\n<td>#ffe57f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-A200<\/code><\/td>\n<td><code>.mdl-color--amber-A200<\/code><\/td>\n<td>#ffd740<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-A400<\/code><\/td>\n<td><code>.mdl-color--amber-A400<\/code><\/td>\n<td>#ffc400<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--amber-A700<\/code><\/td>\n<td><code>.mdl-color--amber-A700<\/code><\/td>\n<td>#ffab00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange<\/code><\/td>\n<td><code>.mdl-color--orange<\/code><\/td>\n<td>#ff9800<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-50<\/code><\/td>\n<td><code>.mdl-color--orange-50<\/code><\/td>\n<td>#fff3e0<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-100<\/code><\/td>\n<td><code>.mdl-color--orange-100<\/code><\/td>\n<td>#ffe0b2<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-200<\/code><\/td>\n<td><code>.mdl-color--orange-200<\/code><\/td>\n<td>#ffcc80<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-300<\/code><\/td>\n<td><code>.mdl-color--orange-300<\/code><\/td>\n<td>#ffb74d<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-400<\/code><\/td>\n<td><code>.mdl-color--orange-400<\/code><\/td>\n<td>#ffa726<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-500<\/code><\/td>\n<td><code>.mdl-color--orange-500<\/code><\/td>\n<td>#ff9800<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-600<\/code><\/td>\n<td><code>.mdl-color--orange-600<\/code><\/td>\n<td>#fb8c00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-700<\/code><\/td>\n<td><code>.mdl-color--orange-700<\/code><\/td>\n<td>#f57c00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-800<\/code><\/td>\n<td><code>.mdl-color--orange-800<\/code><\/td>\n<td>#ef6c00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-900<\/code><\/td>\n<td><code>.mdl-color--orange-900<\/code><\/td>\n<td>#e65100<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-A100<\/code><\/td>\n<td><code>.mdl-color--orange-A100<\/code><\/td>\n<td>#ffd180<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-A200<\/code><\/td>\n<td><code>.mdl-color--orange-A200<\/code><\/td>\n<td>#ffab40<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-A400<\/code><\/td>\n<td><code>.mdl-color--orange-A400<\/code><\/td>\n<td>#ff9100<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--orange-A700<\/code><\/td>\n<td><code>.mdl-color--orange-A700<\/code><\/td>\n<td>#ff6d00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange<\/code><\/td>\n<td><code>.mdl-color--deep-orange<\/code><\/td>\n<td>#ff5722<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-50<\/code><\/td>\n<td><code>.mdl-color--deep-orange-50<\/code><\/td>\n<td>#fbe9e7<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-100<\/code><\/td>\n<td><code>.mdl-color--deep-orange-100<\/code><\/td>\n<td>#ffccbc<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-200<\/code><\/td>\n<td><code>.mdl-color--deep-orange-200<\/code><\/td>\n<td>#ffab91<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-300<\/code><\/td>\n<td><code>.mdl-color--deep-orange-300<\/code><\/td>\n<td>#ff8a65<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-400<\/code><\/td>\n<td><code>.mdl-color--deep-orange-400<\/code><\/td>\n<td>#ff7043<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-500<\/code><\/td>\n<td><code>.mdl-color--deep-orange-500<\/code><\/td>\n<td>#ff5722<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-600<\/code><\/td>\n<td><code>.mdl-color--deep-orange-600<\/code><\/td>\n<td>#f4511e<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-700<\/code><\/td>\n<td><code>.mdl-color--deep-orange-700<\/code><\/td>\n<td>#e64a19<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-800<\/code><\/td>\n<td><code>.mdl-color--deep-orange-800<\/code><\/td>\n<td>#d84315<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-900<\/code><\/td>\n<td><code>.mdl-color--deep-orange-900<\/code><\/td>\n<td>#bf360c<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-A100<\/code><\/td>\n<td><code>.mdl-color--deep-orange-A100<\/code><\/td>\n<td>#ff9e80<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-A200<\/code><\/td>\n<td><code>.mdl-color--deep-orange-A200<\/code><\/td>\n<td>#ff6e40<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-A400<\/code><\/td>\n<td><code>.mdl-color--deep-orange-A400<\/code><\/td>\n<td>#ff3d00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--deep-orange-A700<\/code><\/td>\n<td><code>.mdl-color--deep-orange-A700<\/code><\/td>\n<td>#dd2c00<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown<\/code><\/td>\n<td><code>.mdl-color--brown<\/code><\/td>\n<td>#795548<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-50<\/code><\/td>\n<td><code>.mdl-color--brown-50<\/code><\/td>\n<td>#efebe9<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-100<\/code><\/td>\n<td><code>.mdl-color--brown-100<\/code><\/td>\n<td>#d7ccc8<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-200<\/code><\/td>\n<td><code>.mdl-color--brown-200<\/code><\/td>\n<td>#bcaaa4<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-300<\/code><\/td>\n<td><code>.mdl-color--brown-300<\/code><\/td>\n<td>#a1887f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-400<\/code><\/td>\n<td><code>.mdl-color--brown-400<\/code><\/td>\n<td>#8d6e63<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-500<\/code><\/td>\n<td><code>.mdl-color--brown-500<\/code><\/td>\n<td>#795548<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-600<\/code><\/td>\n<td><code>.mdl-color--brown-600<\/code><\/td>\n<td>#6d4c41<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-700<\/code><\/td>\n<td><code>.mdl-color--brown-700<\/code><\/td>\n<td>#5d4037<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-800<\/code><\/td>\n<td><code>.mdl-color--brown-800<\/code><\/td>\n<td>#4e342e<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--brown-900<\/code><\/td>\n<td><code>.mdl-color--brown-900<\/code><\/td>\n<td>#3e2723<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey<\/code><\/td>\n<td><code>.mdl-color--grey<\/code><\/td>\n<td>#9e9e9e<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-50<\/code><\/td>\n<td><code>.mdl-color--grey-50<\/code><\/td>\n<td>#fafafa<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-100<\/code><\/td>\n<td><code>.mdl-color--grey-100<\/code><\/td>\n<td>#f5f5f5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-200<\/code><\/td>\n<td><code>.mdl-color--grey-200<\/code><\/td>\n<td>#eeeeee<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-300<\/code><\/td>\n<td><code>.mdl-color--grey-300<\/code><\/td>\n<td>#e0e0e0<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-400<\/code><\/td>\n<td><code>.mdl-color--grey-400<\/code><\/td>\n<td>#bdbdbd<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-500<\/code><\/td>\n<td><code>.mdl-color--grey-500<\/code><\/td>\n<td>#9e9e9e<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-600<\/code><\/td>\n<td><code>.mdl-color--grey-600<\/code><\/td>\n<td>#757575<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-700<\/code><\/td>\n<td><code>.mdl-color--grey-700<\/code><\/td>\n<td>#616161<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-800<\/code><\/td>\n<td><code>.mdl-color--grey-800<\/code><\/td>\n<td>#424242<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--grey-900<\/code><\/td>\n<td><code>.mdl-color--grey-900<\/code><\/td>\n<td>#212121<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey<\/code><\/td>\n<td><code>.mdl-color--blue-grey<\/code><\/td>\n<td>#607d8b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-50<\/code><\/td>\n<td><code>.mdl-color--blue-grey-50<\/code><\/td>\n<td>#eceff1<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-100<\/code><\/td>\n<td><code>.mdl-color--blue-grey-100<\/code><\/td>\n<td>#cfd8dc<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-200<\/code><\/td>\n<td><code>.mdl-color--blue-grey-200<\/code><\/td>\n<td>#b0bec5<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-300<\/code><\/td>\n<td><code>.mdl-color--blue-grey-300<\/code><\/td>\n<td>#90a4ae<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-400<\/code><\/td>\n<td><code>.mdl-color--blue-grey-400<\/code><\/td>\n<td>#78909c<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-500<\/code><\/td>\n<td><code>.mdl-color--blue-grey-500<\/code><\/td>\n<td>#607d8b<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-600<\/code><\/td>\n<td><code>.mdl-color--blue-grey-600<\/code><\/td>\n<td>#546e7a<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-700<\/code><\/td>\n<td><code>.mdl-color--blue-grey-700<\/code><\/td>\n<td>#455a64<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-800<\/code><\/td>\n<td><code>.mdl-color--blue-grey-800<\/code><\/td>\n<td>#37474f<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--blue-grey-900<\/code><\/td>\n<td><code>.mdl-color--blue-grey-900<\/code><\/td>\n<td>#263238<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--black<\/code><\/td>\n<td><code>.mdl-color--black<\/code><\/td>\n<td>#000000<\/td>\n<\/tr>\n<tr>\n<td><code>.mdl-color-text--white<\/code><\/td>\n<td><code>.mdl-color--white<\/code><\/td>\n<td>#ffffff<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habrahabr.ru\/post\/317302\/\"> https:\/\/habrahabr.ru\/post\/317302\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u0440\u0438\u0432\u0435\u0442 \u0432\u0441\u0435\u043c,<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u044b \u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b\u0438 <a href=\"http:\/\/getmdl.io\/\">Material Design Lite<\/a>, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0438 \u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439 \u043f\u0430\u0442\u0442\u0435\u0440\u043d \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442. \u042d\u0442\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0443\u0434\u043e\u0431\u043d\u043e, \u043a\u043e\u0433\u0434\u0430 \u0438\u043c\u0435\u0435\u0448\u044c \u0434\u0435\u043b\u043e \u0441 \u0446\u0432\u0435\u0442\u0430\u043c\u0438 \u0444\u043e\u043d\u0430 \u0438\u043b\u0438 \u0442\u0435\u043a\u0441\u0442\u0430.<\/p>\n<p>  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/34a\/34a\/e22\/34a34ae22bf5a82e898a8cbb11309cb9.png\" width=\"300\" height=\"268\"\/><\/p>\n<p>  \u042d\u0442\u043e \u043f\u043e\u043b\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0434\u0430\u0442\u044c \u0432\u0430\u0448\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c, \u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c!  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-282315","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/282315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=282315"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/282315\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=282315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=282315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=282315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}