scss grid offset loop

SassMeister-input.scss

// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----

$gridBaseNumber: 12; 



//make span grid column classes
@for $i from 1 through $gridBaseNumber {
  $spanVar: $i;

  //generate all span classes

    .widthSpan#{$i} {
      grid-column: span $spanVar;
      //within the span loop create all offset loops for each span option
      @for $i from 1 through $gridBaseNumber {
        
        $offsetVar: $i;
        
        &.widthOffset#{$offsetVar} {
          grid-column: $i #{"/"} span $spanVar;
        }
      }
    }
}