basickarl · November 17, 2022 10:51
diff --git a/input.scss b/input.scss
 .danger {
    background: red;
    &.text {
        background: lime;
        font-style: italic;
        color: white;
    }
 }

 .text {
    background: blue;
 }
diff --git a/markup.html b/markup.html
 <div class="danger">
    HELLO
    <span class="text">BLA</span>    
 </div>

 <div class="danger text">
    BERP
    <span class="text">DOH</span>    
 </div>
diff --git a/output.css b/output.css
 .danger {
  background: red;
 }
 .danger.text {
  background: lime;
  font-style: italic;
  color: white;
 }

 .text {
  background: blue;
 }
diff --git a/settings.json b/settings.json
 {
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
 }