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:

Developing Cross Platform Apps With Bun Version 1.1

Developing cross-platform apps with Bun v1.1

For some years now, developers have faced many performance challenges while using traditional JavaScript runtimes like Node.js and Deno. Even […]

Clara Ekekenta
Jul 12, 2024 ⋅ 6 min read
Exploring The Magic Of Runes In Svelte 5

Exploring the magic of runes in Svelte 5

See how to use Svelte 5’s new runes system to declare reactive states and compare them to the existing approach to reactivity in Svelte 4.

Yashodhan Joshi
Jul 11, 2024 ⋅ 7 min read
Building UIs With Franken UI, A Shadcn Alternative

Building UIs with Franken UI, a Shadcn alternative

Explore Franken UI, an open source library of pre-built UI components that takes inspiration from Shadcn UI’s design principles.

Jude Miracle
Jul 10, 2024 ⋅ 11 min read
Working With The Angular Tree: Flat Vs Nested Trees And More

Working with the Angular tree: Flat vs. nested trees and more

The Angular tree view can be hard to get right, but once you understand it, it can be quite a powerful visual representation.

Lewis Cianci
Jul 9, 2024 ⋅ 20 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