Anil Singh | Code-sample.com

Theming Your Own Custom App or Components - Angular 5 and 6 Angular Material provide the ways to style your own app or components and the component's styles must be defined with Sass. After using the “@mixin” function to automatically apply a theme. Why @mixin function? The “@mixin” function is pre-defined Angular Material function. When you are change your existing theme, every components file that uses it will be automatically updated. We can allow multiple themes within the app or component. This is the great advantages of Angular “@mixin” function. Stayed Informed – Angular 4 and Angular 5 Documents How To Use @mixin function in your app or component? You must have to call the @mixin function to apply the theme – // Import a pre-built theme @ import '~@angular/material/prebuilt-themes/deeppurple-amber.css' ; // Import your custom input theme file so you can call the custom-input-theme function @ import 'app/candy-carousel/candy-caro...