Generated by SassMeister.com.

input.scss

.parent {
    color: red;
}

.child {
    @extend .parent;
}

.container {
    .parent {
        padding: 10px;
    }
}

markup.html

<div class="prose">
    <p>Test</p>
    <p>Test</p>
    <ul>
        <li>Blah blah blah</li>
    </ul>
</div>

output.css

.parent, .child {
  color: red;
}

.container .parent, .container .child {
  padding: 10px;
}

settings.json

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