romaricpascal · December 7, 2020 18:36
diff --git a/input.scss b/input.scss
 .parent {
    color: red;
 }

 .child {
    @extend .parent;
 }

 .container {
    .parent {
        padding: 10px;
    }
 }
diff --git a/markup.html b/markup.html
 <div class="prose">
    <p>Test</p>
    <p>Test</p>
    <ul>
        <li>Blah blah blah</li>
    </ul>
 </div>
diff --git a/output.css b/output.css
 .parent, .child {
  color: red;
 }

 .container .parent, .container .child {
  padding: 10px;
 }
diff --git a/settings.json b/settings.json
 {
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
 }
	.parent, .child {
	color: red;
	}

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