2020-03-19
1407
#css
Joe Casabona
15842
Mar 19, 2020 ⋅ 5 min read

A beginner’s guide to programming for CSS with Sass

Joe Casabona Podcast consultant, educator, dad, husband. Likes the Yankees, cigars, and Disney. Makes courses for Lynda and writes tech books. Host of @howibuilt.

Recent posts:

Rust Project for Web Services LogRocket Article

The best way to structure Rust web services

Learn how to structure Rust web services with clean architecture, Cargo workspaces, and modular crates for scalable, maintainable backends.

Jude Miracle
Oct 2, 2025 ⋅ 2 min read
andrew evans headshot

A spec-first workflow for building with agentic AI

Andrew Evans gives his take on agentic AI and walks through a step-by-step method to build a spec-first workflow using Claude Code.

Andrew Evans
Oct 1, 2025 ⋅ 18 min read

How to use TanStack DB to build reactive, offline-ready React apps

This tutorial shows how to use TanStack DB to build a task manager with live queries, optimistic updates, and offline support, delivering a fast, resilient UX with less boilerplate than traditional React state management.

Emmanuel John
Oct 1, 2025 ⋅ 12 min read
how to build a full-stack application with Tanstack Start

A step-by-step guide to building a full-stack app with TanStack Start

Follow this step-by-step guide to building a full-stack recipe application with TanStack Start, the new full-stack React framework.

David Omotayo
Sep 30, 2025 ⋅ 27 min read
View all posts

One Reply to "A beginner’s guide to programming for CSS with Sass"

  1. Hey Joe,

    First off, thanks for all of the tips here on how to make our CSS more powerful and modular.

    I just felt like it is worth noting that in the example of the for loop that the line at the end “$heading-size: $heading-size / 1.25;” will actually make it so that $heading-size remains at the final value before the loop is done. I think this is important because if you have another style right after it something like:

    h1.double-size { font-size: $heading-size * 2; }

    Then it would not be double the size you are expecting most likely. Do you know if there is a way to have the value reset to it’s original after the loop is finished without making the code too clunky?

    Again, this is a great piece and thank you for sharing it!

Leave a Reply