Generated by SassMeister.com.

input.scss

$sizes_1: (
    sm: 768px,
    md: 1024px,
    lg: 1200px,
    xl: 1600px,
    gutter: 48px
);

$sizes_2: (
    sm: 768,
    md: 1024,
    lg: 1200,
    xl: 1600,
    gutter: 48
);

@function sz_1($size) {
    @return map-get($sizes_1, $size);
}

@function sz_2($size) {
    @return map-get($sizes_2, $size);
}

$gutterhalf_1: sz_1(gutter) / 2;

$gutterhalf_2: ( sz_2(gutter) / 2 ) + px;

#sz_1 {
    margin: $gutterhalf_1;
}

#sz_2 {
    margin: $gutterhalf_2;
}

output.css

#sz_1 {
  margin: 24px;
}

#sz_2 {
  margin: 24px;
}

settings.json

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