This chapter will provide recipes for common user interface enhancements in your single app web application using Angular. We will learn to use Sass to control the styling of our application as well as importing common user interface tools such as the Bootstrap & Font-Awesome to our application. We'll also cover the basics of internalizing our user interface in Angular-CLI with it's built-in i18n toolkit.

In this chapter, we will cover the following recipes :

• Configuring Sass for Angular
• Working with Angular component styles
• Using Sass variables for style reusability
• Using Sass nesting for better style specificity
• Importing Sass partials for style organization
• Working with Bootstrap in Sass
• Customizing Bootstrap for Angular
• Using Bootstrap Responsive layouts
• Working with Bootstrap components in Angular
• Working with Font-Awesome icons in Angular
• Internationalization with Angular i18n
• Setting your language with Angular i18n
• How to Localize dates in Angular