PBS 184a of X: Sass Basics

About this episode

This episode introduces Sass, a CSS preprocessor that enhances flexibility in styling web pages.

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!

People in this episode

Hosts: Bart Busschots, Allison Sheridan

Topics covered

• Sass
• CSS
• Bootstrap
• web development
• preprocessors
• programming

Keywords

• Sass
• CSS variables
• Bootstrap customization
• web design
• programming languages

Mentioned in this episode

Organizations: Jekyll

Products: Sass, CSS, Bootstrap

Books & works: PBS 184a of X: Sass Basics

More episodes of Programming By Stealth

• PBS 185 of X: Customising Bootstrap 5 with Sass · June 7, 2026 · 1h 33m
• PBS 184b of X: Sass Basics · May 27, 2026 · 1h 29m
• PBS 183 of X: Customising Bootstrap with CSS 'Variables' · April 26, 2026 · 1h 25m
• PBS 182 of X: CSS 'Variables' · April 26, 2026 · 1h 38m
• PBS Tidbit 18 — A Real-World Jekyll Example · March 15, 2026 · 1h 27m
• PBS Tidbit 17b — Simplifying Developer Setups with Docker · February 1, 2026 · 1h 22m