Generated by SassMeister.com.

input.scss

$bp-sm: 36rem;

.my-class {
	color: red;
	font-size: 1.25rem;
	font-family: sans-serif;

	@media (min-width: $bp-sm) {
		font-size: 2rem;
	}
}

output.css

.my-class {
  color: red;
  font-size: 1.25rem;
  font-family: sans-serif;
}
@media (min-width: 36rem) {
  .my-class {
    font-size: 2rem;
  }
}

settings.json

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