
In our most recent installment, Bart taught us how to use CSS "variables" (custom properties) to customize Bootstrap to make your pages not look like every other Bootstrap page on the Internet. He explained at the end that you can take all of this quite a bit further if you learn how to use SASS (Syntactically Awesome Style Sheets). SASS is a preprocessor for CSS, which means it creates "normal" CSS but allows you a lot more flexibility in how to create that CSS. For example, you can even create lists and maps and loop over them just like a proper programming language. We get SASS for free with Jekyll so why not take advantage of it? There's a lot to learn about SASS, so we broke this topic up into two parts, but even this first "half" is a mammoth episode. Nothing is a hard lift, but there's a lot to lift! You can find Bart's fabulous tutorial shownotes for both Part A and Part B and the audio podcast for Part A at pbs.bartificer.net. As Bart says at the very end, Part B comes with a "health warning" as it hasn't yet been proofread!
Podzilla Summary coming soon
Sign up to get notified when the full AI-powered summary is ready.
Free forever for up to 3 podcasts. No credit card required.

PBS 186 of X — Web Metadata — the Search and OpenGraph HTML Headers

PBS 185 of X: Customising Bootstrap 5 with Sass

PBS 184b of X: Sass Basics

PBS 183 of X: Customising Bootstrap with CSS 'Variables'
Free AI-powered recaps of Programming By Stealth and your other favorite podcasts, delivered to your inbox.
Free forever for up to 3 podcasts. No credit card required.