Generated by SassMeister.com.

input.scss

$map-sizes-desk: (
	'xxl': 280,
	'xl': 160,
	'l': 80,
	'm': 40,
	's': 20,
	'xs': 12
);

$map-sizes-mob: (
	'xxl': 160,
	'xl': 80
);

$varSizeFormat : 1px;

@each $varSizeName, $varSizeValue in $map-sizes-desk {
	.u-mT-#{$varSizeName}{
		margin-top: $varSizeValue * $varSizeFormat;
	}
	.u-mB-#{$varSizeName}{
		margin-bottom: $varSizeValue * $varSizeFormat;

	}
	.u-mTB-#{$varSizeName}{
		margin-bottom: $varSizeValue * $varSizeFormat;
		margin-top: $varSizeValue * $varSizeFormat;	
	}
}

@media (max-width: 1000px) {
    @each $varSizeName, $varSizeValue in $map-sizes-mob {
		.u-mT-#{$varSizeName}{
			margin-top: $varSizeValue * $varSizeFormat;
		}
		.u-mB-#{$varSizeName}{
			margin-bottom: $varSizeValue * $varSizeFormat;
		}
		.u-mTB-#{$varSizeName}{
			margin-bottom: $varSizeValue * $varSizeFormat;
			margin-top: $varSizeValue * $varSizeFormat;	
		}
	}
}

output.css

.u-mT-xxl {
  margin-top: 280px;
}

.u-mB-xxl {
  margin-bottom: 280px;
}

.u-mTB-xxl {
  margin-bottom: 280px;
  margin-top: 280px;
}

.u-mT-xl {
  margin-top: 160px;
}

.u-mB-xl {
  margin-bottom: 160px;
}

.u-mTB-xl {
  margin-bottom: 160px;
  margin-top: 160px;
}

.u-mT-l {
  margin-top: 80px;
}

.u-mB-l {
  margin-bottom: 80px;
}

.u-mTB-l {
  margin-bottom: 80px;
  margin-top: 80px;
}

.u-mT-m {
  margin-top: 40px;
}

.u-mB-m {
  margin-bottom: 40px;
}

.u-mTB-m {
  margin-bottom: 40px;
  margin-top: 40px;
}

.u-mT-s {
  margin-top: 20px;
}

.u-mB-s {
  margin-bottom: 20px;
}

.u-mTB-s {
  margin-bottom: 20px;
  margin-top: 20px;
}

.u-mT-xs {
  margin-top: 12px;
}

.u-mB-xs {
  margin-bottom: 12px;
}

.u-mTB-xs {
  margin-bottom: 12px;
  margin-top: 12px;
}

@media (max-width: 1000px) {
  .u-mT-xxl {
    margin-top: 160px;
  }

  .u-mB-xxl {
    margin-bottom: 160px;
  }

  .u-mTB-xxl {
    margin-bottom: 160px;
    margin-top: 160px;
  }

  .u-mT-xl {
    margin-top: 80px;
  }

  .u-mB-xl {
    margin-bottom: 80px;
  }

  .u-mTB-xl {
    margin-bottom: 80px;
    margin-top: 80px;
  }
}

settings.json

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