Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v0.8.6)
// ----

// Exmple While Loop

@mixin spans($args) {
  $columns: $args;
  $col-val: length($columns);
  
  @for $i from 1 through $col-val {
    .span-#{nth($columns, $i)} {
      width: ((100 / $col-val) * $i) * 1%;
    }
  }
}

@include spans(one two three four five six seven eight nine ten);

SassMeister-output.css

.span-one {
  width: 10%; }

.span-two {
  width: 20%; }

.span-three {
  width: 30%; }

.span-four {
  width: 40%; }

.span-five {
  width: 50%; }

.span-six {
  width: 60%; }

.span-seven {
  width: 70%; }

.span-eight {
  width: 80%; }

.span-nine {
  width: 90%; }

.span-ten {
  width: 100%; }