Generated by SassMeister.com.

input.scss

$poppins: 'Poppins';
$playfair: 'Playfair Display';

$serif: $poppins, georgia, times, serif;
$sans-serif: $playfair, helvetica, arial, sans-serif;

.serif { font-family: $serif; }
.sans-serif { font-family: $sans-serif; }

output.css

.serif {
  font-family: "Poppins", georgia, times, serif;
}

.sans-serif {
  font-family: "Playfair Display", helvetica, arial, sans-serif;
}

settings.json

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