├── .editorconfig ├── .firebaserc ├── .gitignore ├── README.md ├── angular.json ├── firebase.json ├── package.json ├── screenshots ├── 1.png ├── 2.png ├── 3.png └── 4.png ├── src ├── app │ ├── app.component.html │ ├── app.component.scss │ ├── app.component.ts │ ├── app.config.ts │ ├── app.routes.ts │ ├── contactmanager │ │ ├── components │ │ │ ├── main-content │ │ │ │ ├── main-content.component.html │ │ │ │ ├── main-content.component.scss │ │ │ │ └── main-content.component.ts │ │ │ ├── new-contact-dialog │ │ │ │ ├── new-contact-dialog.component.html │ │ │ │ ├── new-contact-dialog.component.scss │ │ │ │ └── new-contact-dialog.component.ts │ │ │ ├── notes │ │ │ │ ├── notes.component.html │ │ │ │ ├── notes.component.scss │ │ │ │ └── notes.component.ts │ │ │ ├── sidenav │ │ │ │ ├── sidenav.component.html │ │ │ │ ├── sidenav.component.scss │ │ │ │ └── sidenav.component.ts │ │ │ └── toolbar │ │ │ │ ├── toolbar.component.html │ │ │ │ ├── toolbar.component.scss │ │ │ │ └── toolbar.component.ts │ │ ├── contactmanager-app.component.ts │ │ ├── contactmanager.routes.ts │ │ ├── models │ │ │ ├── note.ts │ │ │ └── user.ts │ │ └── services │ │ │ └── user.service.ts │ └── demo │ │ ├── buttons │ │ └── buttons.component.ts │ │ ├── demo.routes.ts │ │ └── flexbox │ │ ├── flexbox.component.html │ │ ├── flexbox.component.scss │ │ └── flexbox.component.ts ├── assets │ ├── avatars.svg │ └── users.json ├── favicon.ico ├── index.html ├── main.ts └── styles.scss ├── tsconfig.app.json ├── tsconfig.json └── tsconfig.spec.json /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/.editorconfig -------------------------------------------------------------------------------- /.firebaserc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/.firebaserc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/README.md -------------------------------------------------------------------------------- /angular.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/angular.json -------------------------------------------------------------------------------- /firebase.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/firebase.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/package.json -------------------------------------------------------------------------------- /screenshots/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/screenshots/1.png -------------------------------------------------------------------------------- /screenshots/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/screenshots/2.png -------------------------------------------------------------------------------- /screenshots/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/screenshots/3.png -------------------------------------------------------------------------------- /screenshots/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/screenshots/4.png -------------------------------------------------------------------------------- /src/app/app.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/app.component.html -------------------------------------------------------------------------------- /src/app/app.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/app.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/app.component.ts -------------------------------------------------------------------------------- /src/app/app.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/app.config.ts -------------------------------------------------------------------------------- /src/app/app.routes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/app.routes.ts -------------------------------------------------------------------------------- /src/app/contactmanager/components/main-content/main-content.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/main-content/main-content.component.html -------------------------------------------------------------------------------- /src/app/contactmanager/components/main-content/main-content.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/contactmanager/components/main-content/main-content.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/main-content/main-content.component.ts -------------------------------------------------------------------------------- /src/app/contactmanager/components/new-contact-dialog/new-contact-dialog.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/new-contact-dialog/new-contact-dialog.component.html -------------------------------------------------------------------------------- /src/app/contactmanager/components/new-contact-dialog/new-contact-dialog.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/new-contact-dialog/new-contact-dialog.component.scss -------------------------------------------------------------------------------- /src/app/contactmanager/components/new-contact-dialog/new-contact-dialog.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/new-contact-dialog/new-contact-dialog.component.ts -------------------------------------------------------------------------------- /src/app/contactmanager/components/notes/notes.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/notes/notes.component.html -------------------------------------------------------------------------------- /src/app/contactmanager/components/notes/notes.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/notes/notes.component.scss -------------------------------------------------------------------------------- /src/app/contactmanager/components/notes/notes.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/notes/notes.component.ts -------------------------------------------------------------------------------- /src/app/contactmanager/components/sidenav/sidenav.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/sidenav/sidenav.component.html -------------------------------------------------------------------------------- /src/app/contactmanager/components/sidenav/sidenav.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/sidenav/sidenav.component.scss -------------------------------------------------------------------------------- /src/app/contactmanager/components/sidenav/sidenav.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/sidenav/sidenav.component.ts -------------------------------------------------------------------------------- /src/app/contactmanager/components/toolbar/toolbar.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/toolbar/toolbar.component.html -------------------------------------------------------------------------------- /src/app/contactmanager/components/toolbar/toolbar.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/toolbar/toolbar.component.scss -------------------------------------------------------------------------------- /src/app/contactmanager/components/toolbar/toolbar.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/components/toolbar/toolbar.component.ts -------------------------------------------------------------------------------- /src/app/contactmanager/contactmanager-app.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/contactmanager-app.component.ts -------------------------------------------------------------------------------- /src/app/contactmanager/contactmanager.routes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/contactmanager.routes.ts -------------------------------------------------------------------------------- /src/app/contactmanager/models/note.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/models/note.ts -------------------------------------------------------------------------------- /src/app/contactmanager/models/user.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/models/user.ts -------------------------------------------------------------------------------- /src/app/contactmanager/services/user.service.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/contactmanager/services/user.service.ts -------------------------------------------------------------------------------- /src/app/demo/buttons/buttons.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/demo/buttons/buttons.component.ts -------------------------------------------------------------------------------- /src/app/demo/demo.routes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/demo/demo.routes.ts -------------------------------------------------------------------------------- /src/app/demo/flexbox/flexbox.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/demo/flexbox/flexbox.component.html -------------------------------------------------------------------------------- /src/app/demo/flexbox/flexbox.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/demo/flexbox/flexbox.component.scss -------------------------------------------------------------------------------- /src/app/demo/flexbox/flexbox.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/app/demo/flexbox/flexbox.component.ts -------------------------------------------------------------------------------- /src/assets/avatars.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/assets/avatars.svg -------------------------------------------------------------------------------- /src/assets/users.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/assets/users.json -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/favicon.ico -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/index.html -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/main.ts -------------------------------------------------------------------------------- /src/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/src/styles.scss -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/tsconfig.app.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.spec.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ajtowf/styling-applications-with-angular-material/HEAD/tsconfig.spec.json --------------------------------------------------------------------------------