webpack: production settings (#1226)

* vendor libraries

* vendor libraries settings

* additional vendor libs settings

* production settings for i18n

* fix pdfs and favicon paths

* readme update

* code cleanup

demo-shell-ng2/public/css/app.css

@@ -0,0 +1,41 @@
+/* Utils */
+body, html {
+    height: 100%;
+}
+
+
+.p-10 {
+    padding: 10px;
+}
+
+.m-10 {
+    margin: 10px;
+}
+
+.loader-container {
+    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
+    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
+    display: -webkit-flex;     /* NEW - Chrome */
+    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
+    -webkit-box-flex-direction: row;
+    -moz-box-flex-direction: row;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    height:100%;
+}
+
+.loader-item {
+    margin: auto;
+    max-height:100px;
+    max-width:300px;
+}
+
+.loader-text{
+    white-space: nowrap;
+    text-align: center;
+    position: relative;
+}
+
+._dialog_overlay {
+    position: static !important;
+}

demo-shell-ng2/public/css/muli-font.css

@@ -0,0 +1,107 @@
+@font-face {
+    font-family: Muli;
+    src: url(../fonts/Muli-Regular.ttf);
+}
+
+html, body {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+h1, h2 {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+h3, h4 {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+h5, h6 {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+    margin: 24px 0 16px
+}
+
+blockquote {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+input {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-typography--display-4, .mdl-typography--display-4-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-typography--display-3, .mdl-typography--display-3-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-typography--display-2, .mdl-typography--display-2-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-typography--display-1, .mdl-typography--display-1-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+
+}
+
+.mdl-typography--headline, .mdl-typography--headline-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-typography--title, .mdl-typography--title-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-typography--subhead, .mdl-typography--subhead-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-typography--body-2-force-preferred-font, .mdl-typography--body-2-force-preferred-font-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-typography--body-1-force-preferred-font, .mdl-typography--body-1-force-preferred-font-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+
+.mdl-typography--caption-force-preferred-font {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif
+}
+
+.mdl-typography--caption-force-preferred-font-color-contrast, .mdl-typography--menu {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif
+}
+
+.mdl-typography--menu-color-contrast, .mdl-typography--button, .mdl-typography--button-color-contrast {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-badge[data-badge]:after {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-button {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-list__item {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-layout__title, .mdl-layout-title {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-snackbar {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}
+
+.mdl-snackbar__action {
+    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
+}