This week, Bart and I recorded the second half of Programming By Stealth installment 184. The first half covered the SASS basics, and in this half, we get to learn through a worked example how to write in SASS, which compiles to regular old CSS. He created a little web page with some wise and humorous quotes from notable people in history, and used everything we learned in the first half to style the page. As I told Bart at the end, it's great that he teaches us the foundation of these tools, but it's equally great to have a worked example where we can see theory in action, and reference these examples in the future.

You can find Bart's fabulous tutorial shownotes for both Part A and Part B at pbs.bartificer.net. If you want to jump right to the spot in the notes were Part B starts, go to this direct link pbs.bartificer.net/...)

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!

In our previous installment, Bart taught us how to use CSS "Variables" to style our web pages and web apps. In this installment, he takes it up a notch by showing us how to start with a Bootstrap-enabled page, and still customize the colors, fonts, and more with CSS "Variables".

You can find Bart's fabulous tutorial shownotes and the audio podcast at pbs.bartificer.net.

Read an unedited, auto-generated transcript with chapter marks: PBS_2026_04_25

Join our Slack at podfeet.com/slack and look for the #pbs channel, and check out our pbs-student GitHub Organization. It's by invitation only, but all you have to do is ask Allison!