How it works...

Note the CSS comment at the top of the main-03-05.scss file. This comment was placed there so as to make it easier to remember the original .blockquote settings as specified in _type.scss. Knowing the logic of the original file allows us to better understand how to use the code in the recipe.

Note that the $white variable is set to white. This is its default value, but it is placed there as another reminder since the next line changes the value of $white to HTML color darksalmon. Commenting out the first value, and uncommenting the second one, will quickly show us an interesting color scheme in our browser.

Finally, several SCSS variables are overwritten. Background is set to white on all .blockquote elements (in contrast ...

Get Bootstrap 4 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.