
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 183 of X: Customising Bootstrap with CSS 'Variables'

PBS 182 of X: CSS 'Variables'

PBS Tidbit 18 — A Real-World Jekyll Example

PBS Tidbit 17b — Simplifying Developer Setups with Docker
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.