Generated by SassMeister.com.

input.scss

$red: #ff1122;

#main {
    witdh: 600px;
    p {
        margin: 0 0 1em;
        em {
            color: #f00;
        }
    }
    .notesArea {
        border: 1px soloid $red;
    }
}

.notes {
    color: $red;
}

output.css

#main {
  witdh: 600px;
}
#main p {
  margin: 0 0 1em;
}
#main p em {
  color: #f00;
}
#main .notesArea {
  border: 1px soloid #ff1122;
}

.notes {
  color: #ff1122;
}

settings.json

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