Generated by SassMeister.com.

input.scss

$columns: (
  1: 1,
  2: 2,
  3: 3,
);


@each $number, $col in $columns {
  .grid-#{$number} {
    grid-template-columns: repeat(#{$col}, 1fr);
  }
}

output.css

.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}