Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.4)
// ----

@for $i from 1 through 10 {
  .starfield__shape--#{$i} {
    background-image: url('{{ "starfield__shape--#{$i}.svg" | asset_url }}');
  }
}

SassMeister-output.css

.starfield__shape--1 {
  background-image: url('{{ "starfield__shape--1.svg" | asset_url }}');
}

.starfield__shape--2 {
  background-image: url('{{ "starfield__shape--2.svg" | asset_url }}');
}

.starfield__shape--3 {
  background-image: url('{{ "starfield__shape--3.svg" | asset_url }}');
}

.starfield__shape--4 {
  background-image: url('{{ "starfield__shape--4.svg" | asset_url }}');
}

.starfield__shape--5 {
  background-image: url('{{ "starfield__shape--5.svg" | asset_url }}');
}

.starfield__shape--6 {
  background-image: url('{{ "starfield__shape--6.svg" | asset_url }}');
}

.starfield__shape--7 {
  background-image: url('{{ "starfield__shape--7.svg" | asset_url }}');
}

.starfield__shape--8 {
  background-image: url('{{ "starfield__shape--8.svg" | asset_url }}');
}

.starfield__shape--9 {
  background-image: url('{{ "starfield__shape--9.svg" | asset_url }}');
}

.starfield__shape--10 {
  background-image: url('{{ "starfield__shape--10.svg" | asset_url }}');
}