Building a modern web application with Angular involves adding some sort of CSS framework to your application. CSS provides a robust and rich set of styling options to manage the look and feel of your web application. However, in many respects, vanilla CSS provides us with only the very basics to build modern, maintainable styles for our web applications. Luckily, similar to the advancements made in JavaScript compilation, there has been a revolution in CSS-based pre-compilers that add many useful enhancements and features to the CSS standard.

In this chapter we will cover common CSS configurations for Angular, including how to use the most popular CSS preprocessor, Sass. We will also take a look at a variety of ways we can use Sass that is unique to working within Angular-CLI that can streamline our frontend development productivity.