Chapter 10: Using Bootstrap 5 with Advanced Sass and CSS Features
In this chapter, we will look at advanced Sass and CSS features related to Bootstrap 5. In the previous chapters, we customized the look and feel of the website, but this time we will primarily change the way we write our code without any effect on the look and feel. And in addition to that, we will look at various other features through some isolated examples.
We will first see how we can use various Bootstrap 5 Sass mixins to write our code in different ways, and after that, we will see some examples of the Bootstrap 5 Sass functions.
Then we will see how we can use the extend feature of Sass for semantic HTML and to create custom components.
After that, we will learn about the best – and recommended – approach to creating custom components using the Bootstrap 5 variables, mixins, and functions.
Towards the end of the chapter, we will see how we can take advantage of the CSS custom properties...
