Utils

Class interpolation

Use the #{$...} syntax to escape the SASS variables.

$name: 'wonderful';

.prefix-#{$name}-sufix {
  // ...
}

Loop

@for $i from 0 through 1 {
  // ...
}

Dynamic loop on map

$my-map: (0: 'hello', 1: 'you');

@for $i from 0 through length($my-map) {
  content: map_get($my-map, $i);
}