Learning Bootstrap 4 - Second Edition

Chapter 8. Throwing in Some Sass

Up until now we've covered a bunch of different Bootstrap components and how to use them. In this chapter, we're going to change gears and learn about Sass, which will allow you to customize the look and feel of your components. I'll start by introducing some Sass basics that you need to know, move on to writing some basic code, and then show you the power of using variables in your components to save yourself valuable time when creating your web app or project.

Learning the basics of Sass

Sass stands for Syntactically Awesome Style Sheets. If you've never used or heard of Sass before, it's a CSS preprocessor. A preprocessor extends regular CSS by allowing the use of things such as variables, operators, and mixins ...