Control Flow: @if, @for & @each Loops

Generate hundreds of utility classes automatically using programmatic loops and conditional branches.

Generating Color Utility Classes with @each

@each $name, $color in $theme-colors { .text-#{$name} { color: $color; } } generates utility classes from a map.

Google AdSense Slot (inContentBanner)

Set your Publisher ID in src/config/ads.ts to display live ads.

+15 XP

Which Sass directive loops over items in a list or key-value pairs in a map?